然后使用left屬性和top屬性定位,并且把你的div位于鎖定區(qū)的上面。這樣就實(shí)現(xiàn)了鎖定,因?yàn)槟愕摹氨绘i定區(qū)”都被div所覆蓋,那么你鼠標(biāo)點(diǎn)擊和操作的時(shí)候其實(shí)實(shí)在你這個(gè)div上操作的,這對(duì)你的內(nèi)容是不起作用的,也就間接實(shí)現(xiàn)的鎖定。
創(chuàng)新互聯(lián)公司成立十年來(lái),這條路我們正越走越好,積累了技術(shù)與客戶資源,形成了良好的口碑。為客戶提供網(wǎng)站制作、網(wǎng)站建設(shè)、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、域名注冊(cè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。網(wǎng)站是否美觀、功能強(qiáng)大、用戶體驗(yàn)好、性價(jià)比高、打開(kāi)快等等,這些對(duì)于網(wǎng)站建設(shè)都非常重要,創(chuàng)新互聯(lián)公司通過(guò)對(duì)建站技術(shù)性的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進(jìn)步。
當(dāng)解鎖的時(shí)候,讓你的div遮罩層消失(寬和高都是0)就實(shí)現(xiàn)了解鎖。。
不知道樓主問(wèn)的是鎖定頁(yè)面還是整個(gè)計(jì)算機(jī)屏幕,如果后者就別想了,js不可能有那么大的權(quán)限,如果是鎖定頁(yè)面倒是好解決,用DIV+iframe蓋住即可,再做個(gè)DIV上放一個(gè)文本框供輸入解鎖密碼,密碼正確就隱藏該DIV++iframe
鎖定頁(yè)面大概的代碼如下:
script language="javascript"
document.onkeydown=function(){//Ctrl+A鎖定頁(yè)面
if((event.ctrlKey)(event.keyCode==65)){
lock();
event.returnValue=false;}
}
function lock(){//alert("鎖定");
document.getElementById("lock").style.display="";
document.body.scroll="no";
}
function ulock(psd){
if(psd=="123"){//密碼為"123"
document.getElementById("lock").style.display="none";
document.body.scroll="auto";
}else{
alert("密碼錯(cuò)誤");
document.getElementById("psd").focus();
}
}
/script
DIV id="lock" style="z-index:10000;background:#fff;position:absolute;left:0;top:0;display:none"
div
請(qǐng)輸入密碼解鎖:
input type="text" id=psd /
input type="submit" value="確定" onclick="ulock(document.getElementById('psd').value)"/div
iframe style="width:10000px;height:10000px"/iframe
/div
以上代碼只提供一種思路,還有很多細(xì)節(jié)應(yīng)該注意到:比如屏蔽刷新和一些快捷鍵等,還有界面的美化等。
祝好運(yùn)!
筆記本電腦解除shift鎖定需要看看你的本本鍵盤(pán)是否有特殊功能鍵,最好上個(gè)照片??紤]的方法如下
1、檢查caps lock鍵,有的筆記本的caps lock鍵上面有個(gè)小燈,如果亮起代表開(kāi)啟大寫(xiě)模式。如果沒(méi)有燈,按一下確認(rèn)一下;
2、上述辦法無(wú)效的話,應(yīng)開(kāi)始被功能鍵打開(kāi)的,你檢查一下本本F1-F12下面是否有特殊功能,或者發(fā)個(gè)照片,給我看看。這個(gè)需要Fn鍵配合功能鍵解鎖。
unlock.js插件具有以下特點(diǎn):
滑動(dòng)解鎖。
尺寸、顏色、字體大小等都可以個(gè)性化定制。
完成解鎖后會(huì)有回調(diào)函數(shù),用來(lái)觸發(fā)進(jìn)一步的數(shù)據(jù)處理。
如何使用
1.
首先在頁(yè)面中引入unlock.css和unlock.js文件。
link
href="css/unlock.css"
rel="external
nofollow"
rel="stylesheet"
script
src='js/unlock.js'/script
2.
然后布置簡(jiǎn)單的HTML的結(jié)構(gòu),使用一個(gè)div作為滑塊的容器。
!--滑塊容器--
div
id
=
"foo"/div
3.
最后初始化插件。在頁(yè)面DOM元素加載完畢之后,可以通過(guò)下面的方法來(lái)初始化該滑動(dòng)解鎖插件。
var
$container
=
$('#foo');
$container.slideToUnlock(options);
配置參數(shù)
unlock.js滑動(dòng)解鎖插件的配置參數(shù)有:
參數(shù)
默認(rèn)值
描述
width
默認(rèn)為容器的寬度
滑塊的寬度
height
默認(rèn)為容器的高度
滑塊的高度
bgColor
#E8E8E8
滑塊的背景顏色
progressColor
#FFE97F
progress的顏色
handleColor
#fff
滑塊手柄的顏色
succColor
#78D02E
成功解鎖后的顏色
text
'slide
to
unlock'
滑塊上的默認(rèn)文字
textColor
#000
文字的顏色
succText
'ok!'
成功解鎖后顯示的文字
succTextColor
#000
成功解鎖后顯示的文字顏色
succFunc
function()
{
alert('successfully
unlock!');
}
成功解鎖后的回調(diào)函數(shù)
更多有關(guān)unlock插件信息,請(qǐng)?jiān)L問(wèn)項(xiàng)目github地址為:
以上所述是小編給大家介紹的jQuery使用unlock.js插件實(shí)現(xiàn)滑動(dòng)解鎖思路詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
操作也很簡(jiǎn)單: 首先,打開(kāi)記事本,把下列代碼復(fù)制進(jìn)去: [InternetShortcut]URL=javascript:function document.oncontextmenu(){return true;} function document.onselectstart(){return true;} function document.onsdragstart(){return true;} 然后,注意此處是關(guān)鍵保存文件時(shí)在“保存類型”里選“所有文件”,文件名填“解除網(wǎng)頁(yè)鎖定.url”,不要直接點(diǎn)右上的XX保存保存在C:\Documents and Settings\[當(dāng)前用戶名]\Favorites下即可,之后打開(kāi)IE,收藏菜單下會(huì)多出一個(gè)叫“解除網(wǎng)頁(yè)鎖定”的菜單項(xiàng)。 收工!找一個(gè)以前無(wú)法復(fù)制網(wǎng)頁(yè)內(nèi)容的網(wǎng)頁(yè)打開(kāi),嘗試一下