div+css图层特效代码;显示隐藏并移动的层效果代码

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可以显示隐藏并移动的层</title> </head> <body> <hr /> <div style="height:1200px;"></div> <style>  </style> <script language="JavaScript1.2">  </script> <div id="scontentmain"> <div id="scontentbar" onClick="onoffdisplay()" align="right"> <b><font color="#FFFFFF"> <span size=1>显示/隐藏</span> </font></b> </div> <div id="23"> <font face="Arial"><small><small><br/>频道分类如下：<br/> <a href="/">效果1</a><br/> <a href="/">效果2</a><br/> <a href="/">效果3</a><br/> <a href="/">效果4</a><br/> <a href="/">效果5</a><br/> <a href="/">效果6</a><br/> <a href="/">效果7</a><br/> </small></small></font> </div> </div> <script language="JavaScript1.2"> //显示与隐藏// function onoffdisplay(){ if (alixixi.style.display=='') alixixi.style.display='none' else alixixi.style.display='' } //--end--// var w=document.body.clientWidth-195 var h=50 //定义h初始值 w+=document.body.scrollLeft h+=document.body.scrollTop //相当于h=h+document.body.scrollTop //alert(h) var leftpos=w var toppos=h //初始坐标// scontentmain.style.left=w scontentmain.style.top=h //--end--// //随屏控制// function staticize(){ w2=document.body.scrollLeft+leftpos h2=document.body.scrollTop+toppos scontentmain.style.left=w2 scontentmain.style.top=h2 } window.onscroll=staticize //--end--// </script> </body> </html>UYS3lian素材

搜索

热门标签

div+css图层特效代码;显示隐藏并移动的层效果代码