图片从右至左滚动JS- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 图片从右至左滚动JS

技术文章搜索

关键字

Javascript 中的图片从右至左滚动JS

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 221 ::

收藏到网摘: n/a

如何用javascript判断录入的日期是否合法 JS控件autocomplete 0.11演示及下载 1月5日已更新

前几天工作时遇到的一问题，不会写JS，请大猪来帮我写的，谢谢大猪了。
图片从右至左滚动JS代码：
1、直线滚动

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

2、波浪滚动

点击运行可以看到效果:

<div id="ad" style="position:absolute;width:150px;left:800;top:300">
<div style="position:relative;red;right:0px;top:0px;text-align:right;cursor:pointer" onClick=CloseAD()>[X]</div>
<img width=150px src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" />
</div> <script defer="defer"> var x = 800 var y=300 var yp=35 var yn=0 var yin=true var xin = true var step = 1 var delay =20 var obj=document.getElementById("ad") var itl function CloseAD(){ clearInterval(itl); obj.style.display="none"; } function floatAD() { var L=-obj.offsetWidth; var R= document.body.clientWidth-obj.offsetWidth obj.style.left = x + document.body.scrollLeft x = x + step*(xin?1:-1) if (x < L) { xin = true; x = R} if (x > R){ xin = false; x = R} var T=0 obj.style.top =y+ yn+ document.body.scrollTop if (x%2==0){ if (yin){ yn=yn+1/Math.sin(1);} else{yn=yn-1/Math.sin(1);} if (yn >yp) { yin = false } if (yn <-yp) { yin = true } } } itl= setInterval("floatAD()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} </script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

如何用javascript判断录入的日期是否合法 JS控件autocomplete 0.11演示及下载 1月5日已更新

Javascript 中的 图片从右至左滚动JS

评论 (0) All

Javascript 中的图片从右至左滚动JS