点击展开窗口(卷动公告)_浏览器特效

鼠标点击一个按钮，自动展开一个层窗口，可以用它作卷动公告很不错！如果你正在研究用JS控制一个层的打开与关闭，那这款代码你应该用的上，代码通用性比较好，你可以将其保存为一个单独的JS文件，用到的时候加载就可以了。

<html>
<head>
<title>点击展开窗口(卷动公告)</title>
<meta http-equiv="mrc-Type" mrc="text/html;charset=gb2312">
<style>

</style>
<script language="JavaScript1.2">

</script>
</head>
<body>

<div id="smrcmain">
<div id="smrcbar" >
<font size="2">
<img align="right" src="http://www.zzsky.cn/effect/images/barbutton.gif" onClick="onoffdisplay()" width="17" height="15">
HELLO
</font></div><div id="smrcsub"><font size="2">
模板无忧（mb5u.com）欢迎您！
</font></div></div>
<script language="JavaScript1.2">
var w=document.body.clientWidth-195
var h=50
w+=document.body.scrollLeft
h+=document.body.scrollTop
var leftpos=w
var toppos=h
smrcmain.style.left=w
smrcmain.style.top=h
function onoffdisplay(){
if (smrcsub.style.display=='')
smrcsub.style.display='none'
else
smrcsub.style.display=''
}
function staticize(){
w2=document.body.scrollLeft+leftpos
h2=document.body.scrollTop+toppos
smrcmain.style.left=w2
smrcmain.style.top=h2
}
window.onscroll=staticize
</script>
</body>
</html>

所属频道：浏览器特效/更新时间：2013-04-26

[收藏][报错][返回列表]

点击展开窗口(卷动公告)_浏览器特效

浏览器特效Rss订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些