可以在两侧移动的代码-代码示例: html head meta http-equiv=Content-Type content=text/html; charset=utf-8...

海南网站建设,网页设计
记忆工作中的点滴
首页>> 网站特效 >>可以在两侧移动的代码

代码示例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>可以在两侧移动的代码</title>

</head>

<body> <div id='dl_left' style='position:absolute; width:93px; height:482px; z-index:1; left: 0px; top: 30px;'><img src='图片地址' width='93' height='482'></div> <div id='dl_right' style='position:absolute; width:93px; height:482px; z-index:1; right: 0px; top: 30px;'><img src='图片地址' width='93' height='482'></div> <script language='javascript'> lastScrollY=0; function heartBeat() { diffY=document.body.scrollTop; percent=0.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); dl_left.style.posTop+=percent; dl_right.style.posTop+=percent; lastScrollY=lastScrollY+percent; } window.setInterval("heartBeat()",1); </script> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </body> </html>


×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:不懂戀愛魚兒 » 可以在两侧移动的代码
标签: 代码 移动

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)