CSS+JavaScript控制层显示与隐藏_层和布局特效

CSS+JavaScript控制层显示与隐藏，感觉还行吧，现在经常用到这种效果，兼容性不错。

<html>
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312">
<title>层的展开折叠</title>
<body> 
<style>

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

</script>
<div id="smrcmain">
<div id="smrcbar" onClick="onoffdisplay()"  align="right">
<b><font color="#FFFFFF">
<span size=1>显示/隐藏</span>
</font></b>
</div>
<div id="smrcsub">
<font face="Arial"><small><small>这里是一段测试文字 ，感觉还行吧，CSS配合JS完成的层的展开与折叠效果。</small></small></font></p>
</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>

所属频道：层和布局特效/更新时间：2012-11-17

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

CSS+JavaScript控制层显示与隐藏_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些