Javascript 锁屏代码例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>JavaScript锁屏</title>

body {}{

font-size:12px

}

#Screen {}{

position:absolute;

z-index: 9998;

top: 0px;

left: 0px;

background: #000000;

display: none;

filter: alpha(Opacity=50);

}

#Message {}{

position: absolute;

z-index: 9999;

top: 180px;

left: 340px;

display: none;

}

</style>

// 获取宽度

function getWidth()

{

var strWidth,clientWidth,bodyWidth;

clientWidth = document.documentElement.clientWidth;

bodyWidth = document.body.clientWidth;

if(bodyWidth > clientWidth){

strWidth = bodyWidth + 20;

} else {

strWidth = clientWidth;

}

return strWidth;

}

//获取高度

function getHeight()

{

var strHeight,clientHeight,bodyHeight;

clientHeight = document.documentElement.clientHeight;

bodyHeight = document.body.clientHeight;

if(bodyHeight > clientHeight){

strHeight = bodyHeight + 30;

} else {

strHeight = clientHeight;

}

return strHeight;

}

// 锁屏

function showScreen()

{

var Element = document.getElementById('Message');

var Elements = document.getElementById('Screen');

Elements.style.width = getWidth();

Elements.style.height = getHeight();

Element.style.display = 'block';

Elements.style.display = 'block';

}

//解屏

function hideScreen()

{

var Element = document.getElementById('Message');

var Elements = document.getElementById('Screen');

Element.style.display = 'none';

Elements.style.display = 'none';

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</body>

</html>