易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
图片从右至左滚动JS
前几天工作时遇到的一问题，不会写JS，请大猪来帮我写的，谢谢大猪了。
图片从右至左滚动JS代码：
1、直线滚动
<img src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" /><script defer="defer">var x =800var y=300var yp=35var yn=0var yin=truevar xin = truevar step = 1 var delay = 30var obj=document.getElementById（"ad"） function floatAD（） { var L=-obj.offsetWidth; var R= document.body.clientWidth-obj.offsetWidthobj.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 全选 注:如需引入外部Js需刷新才能执行]
2、波浪滚动
[X]<img width=150px src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" /><script defer="defer">var x = 800var y=300var yp=35var yn=0var yin=truevar xin = truevar step = 1 var delay =20var obj=document.getElementById（"ad"）var itlfunction CloseAD（）{clearInterval（itl）; obj.style.display="none";}function floatAD（） { var L=-obj.offsetWidth; var R= document.body.clientWidth-obj.offsetWidthobj.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=0obj.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 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站