会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
智慧总是在孤独中生根
博客园
首页
博问
闪存
新随笔
管理
Javascript 锁屏代码例
<!
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=gb2312"
/>
<
title
>
JavaScript锁屏
</
title
>
<
style
type
="text/css"
>
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
>
<
script
language
="javascript"
>
//
获取宽度
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
>
<
div
id
="Message"
>
<
table
width
="300"
border
="0"
align
="center"
cellpadding
="1"
cellspacing
="1"
bgcolor
="#CCCCCC"
>
<
tr
>
<
td
height
="28"
align
="right"
bgcolor
="#F2F2F2"
><
span
style
="cursor:pointer;"
onclick
="javascript:hideScreen();"
>
关闭
</
span
>
</
td
>
</
tr
>
<
tr
>
<
td
height
="150"
align
="center"
bgcolor
="#F2F2F2"
>
已经锁屏 ..
</
td
>
</
tr
>
</
table
>
</
div
>
<
div
id
="Screen"
></
div
>
<
span
style
="cursor:pointer;"
onclick
="javascript:showScreen();"
>
锁屏
</
span
>
</
body
>
</
html
>
posted on
2008-03-22 09:36
Smthhy
阅读(
1609
) 评论(
0
)
编辑
收藏
举报
努力加载评论中...
刷新页面
返回顶部
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
点击右上角即可分享
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步