jquery做的一個(gè)簡(jiǎn)單的屏幕鎖定提示框
更新時(shí)間：2014年03月26日 16:55:26 作者：
這篇文章主要介紹了使用jquery做的一個(gè)簡(jiǎn)單的屏幕鎖定提示框,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script language="JavaScript" type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('a').click(function(){
var wwd=$(document).width();
var wgd=$(document).height();
$('body').prepend('<div id="zhezhaoc"></div>');
$('#zhezhaoc').css({
'width' : ''+wwd+'px',
'height' : ''+wgd+'px',
'background-color' : '#000000',
'z-index' : '1100',
'opacity' : '0.5',
'position' : 'absolute',
'top' : '0px',
'left' : '0px'
});
alert('提示框任意');
});
});
</script>
</head>
<body>
<a href="#">測(cè)試按鈕</a>
</body>
</html>
您可能感興趣的文章:
- 使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享
- jQuery+html5實(shí)現(xiàn)div彈出層并遮罩背景
- jQuery實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁遮罩層/彈出層效果兼容IE6、IE7
- jquery實(shí)現(xiàn)鼠標(biāo)滑過顯示提示框的方法
- jQuery帶箭頭提示框tooltips插件集錦
- jquery刪除提示框彈出是否刪除對(duì)話框
- jQuery學(xué)習(xí)筆記(2)--用jquery實(shí)現(xiàn)各種模態(tài)提示框代碼及項(xiàng)目構(gòu)架
- 基于jQuery實(shí)現(xiàn)彈出可關(guān)閉遮罩提示框?qū)嵗a
這篇文章主要介紹了Jquery彈出層插件ThickBox的使用方法,需要的朋友可以參考下
2014-12-12 
下面介紹幾個(gè)jQuery常用的方法，來讓jQuery的威力發(fā)揮出來，否則只用有限的幾個(gè)方法，相對(duì)于運(yùn)行速度問題，真不如不用jQuery
2013-10-10 
Jquery on方法綁定事件后執(zhí)行多次的解決方法
下面小編就為大家?guī)硪黄狫query on方法綁定事件后執(zhí)行多次的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06 
這篇文章主要介紹了jQuery實(shí)現(xiàn)返回頂部效果的方法,涉及jQuery頁面樣式、鼠標(biāo)事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下
2015-05-05 
淺談jquery中的each方法$.each、this.each、$.fn.each
下面小編就為大家?guī)硪黄獪\談jquery中的each方法$.each、this.each、$.fn.each。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06 
基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-03-03 
jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨query注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09 
jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動(dòng)畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動(dòng)畫效果實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-12-12 
jQuery中slideUp 和 slideDown 的點(diǎn)擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點(diǎn)擊事件的相關(guān)資料,需要的朋友可以參考下
2015-02-02