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

技术文章搜索

关键字

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

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 177 ::
收藏到网摘: n/a

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

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

点击运行可以看到效果:<div id="ad" style="position:absolute;width:150px;left:800;top:300"><img 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 = 30 var obj=document.getElementById("ad") 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 var B = document.body.clientHeight-obj.offsetHeight obj.style.top =y+ yn+ document.body.scrollTop 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 } } var itl= setInterval("floatAD()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} </script>
[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日已更新

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）