资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
图片从右至左滚动JS
前几天工作时遇到的一问题,不会写JS,请大猪来帮我写的,谢谢大猪了。
图片从右至左滚动JS代码:
1、直线滚动
<div id="ad" style="position:absolute;width:150px;left:800;top:300"><a href=" " _ewebeditor_ta_href="%20%20%0D%0A" target="_blank" style="width:100%;height:100%;"><img src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.google.com%2Fintl%2Fzh-CN%2Flogos%2Fholiday06_2.gif" border="0" /></a></div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20defer%3D%22defer%22%3E%20%20%0D%0A%20%20var%20x%20%3D800%20%20%0D%0A%20%20var%20y%3D300%20%20%0D%0A%20%20var%20yp%3D35%20%20%0D%0A%20%20var%20yn%3D0%20%20%0D%0A%20%20var%20yin%3Dtrue%20%20%0D%0A%20%20var%20xin%20%3D%20true%20%20%0D%0A%20%20var%20step%20%3D%201%20%20%20%0D%0A%20%20var%20delay%20%3D%2030%20%20%0D%0A%20%20var%20obj%3Ddocument.getElementById(%22ad%22)%20%20%20%0D%0A%20%20function%20floatAD()%20%7B%20%20%0D%0A%20%20%20%20%20var%20L%3D-obj.offsetWidth%3B%20%20%0D%0A%20%20%20%20%20var%20R%3D%20document.body.clientWidth-obj.offsetWidth%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20obj.style.left%20%3D%20x%20%2B%20document.body.scrollLeft%20%20%0D%0A%20%20%20%20%0D%0A%20%20%20%20%20x%20%3D%20x%20%2B%20step*(xin%3F1%3A-1)%20%20%20%20%0D%0A%20%20%20%20%20if%20(x%20%3C%20L)%20%7B%20xin%20%3D%20true%3B%20x%20%3D%20R%7D%20%20%20%0D%0A%20%20%20%20%20if%20(x%20%3E%20R)%7B%20xin%20%3D%20false%3B%20x%20%3D%20R%7D%20%20%20%0D%0A%0D%0A%20%20%20%20%20var%20T%3D0%20%20%0D%0A%20%20%20%20%20var%20B%20%3D%20document.body.clientHeight-obj.offsetHeight%20%20%0D%0A%20%20%20%20%20obj.style.top%20%3Dy%2B%20yn%2B%20document.body.scrollTop%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20if%20(yin)%7B%20yn%3Dyn%2B1%2FMath.sin(1)%3B%7D%20%20%0D%0A%20%20%20%20%20%20%20else%7Byn%3Dyn-1%2FMath.sin(1)%3B%7D%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20if%20(yn%20%3Eyp)%20%7B%20yin%20%3D%20false%20%7D%20%20%20%0D%0A%20%20%20%20%20if%20(yn%20%3C-yp)%20%7B%20yin%20%3D%20true%20%7D%20%20%20%0D%0A%0D%0A%0D%0A%20%20%7D%20%20%0D%0A%20%20var%20itl%3D%20setInterval(%22floatAD()%22%2C%20delay)%20%20%20%0D%0A%20obj.onmouseover%3Dfunction()%7BclearInterval(itl)%7D%20%20%20%0D%0A%20obj.onmouseout%3Dfunction()%7Bitl%3DsetInterval(%22floatAD()%22%2C%20delay)%7D%20%20%0D%0A%20%20%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
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> <a href="" _ewebeditor_ta_href="" target="_blank" style="position:relative;left:0px;top:0px"><img width=150px src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" _ewebeditor_ta_src="http%3A%2F%2Fwww.google.com%2Fintl%2Fzh-CN%2Flogos%2Fholiday06_2.gif" border="0" /></a> </div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20defer%3D%22defer%22%3E%20%20%0D%0A%20%20var%20x%20%3D%20800%20%20%0D%0A%20%20var%20y%3D300%20%20%0D%0A%20%20var%20yp%3D35%20%20%0D%0A%20%20var%20yn%3D0%20%20%0D%0A%20%20var%20yin%3Dtrue%20%20%0D%0A%20%20var%20xin%20%3D%20true%20%20%0D%0A%20%20var%20step%20%3D%201%20%20%20%0D%0A%20%20var%20delay%20%3D20%20%20%20%20%0D%0A%20%20var%20obj%3Ddocument.getElementById(%22ad%22)%20%20%20%0D%0A%20%20%20var%20itl%20%20%0D%0A%20%20function%20CloseAD()%7B%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20clearInterval(itl)%3B%20%20%0D%0A%20%20%20obj.style.display%3D%22none%22%3B%20%20%0D%0A%20%20%7D%20%20%0D%0A%20%20function%20floatAD()%20%7B%20%20%0D%0A%20%20%20%20%20var%20L%3D-obj.offsetWidth%3B%20%20%0D%0A%20%20%20%20%20var%20R%3D%20document.body.clientWidth-obj.offsetWidth%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20obj.style.left%20%3D%20x%20%2B%20document.body.scrollLeft%20%20%0D%0A%20%20%20%20%0D%0A%20%20%20%20%20x%20%3D%20x%20%2B%20step*(xin%3F1%3A-1)%20%20%20%20%0D%0A%20%20%20%20%20if%20(x%20%3C%20L)%20%7B%20xin%20%3D%20true%3B%20x%20%3D%20R%7D%20%20%20%0D%0A%20%20%20%20%20if%20(x%20%3E%20R)%7B%20xin%20%3D%20false%3B%20x%20%3D%20R%7D%20%20%20%0D%0A%0D%0A%20%20%20%20%20var%20T%3D0%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20obj.style.top%20%3Dy%2B%20yn%2B%20document.body.scrollTop%20%20%0D%0A%20%20%20%20%20if%20(x%252%3D%3D0)%7B%20%20%0D%0A%20%20%20%20%20%20if%20(yin)%7B%20yn%3Dyn%2B1%2FMath.sin(1)%3B%7D%20%20%0D%0A%20%20%20%20%20%20%20else%7Byn%3Dyn-1%2FMath.sin(1)%3B%7D%20%20%0D%0A%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20if%20(yn%20%3Eyp)%20%7B%20yin%20%3D%20false%20%7D%20%20%20%0D%0A%20%20%20%20%20if%20(yn%20%3C-yp)%20%7B%20yin%20%3D%20true%20%7D%20%20%20%0D%0A%20%20%7D%20%20%0D%0A%0D%0A%20%20%7D%20%20%0D%0A%20%20itl%3D%20setInterval(%22floatAD()%22%2C%20delay)%20%20%20%0D%0A%20obj.onmouseover%3Dfunction()%7BclearInterval(itl)%7D%20%20%20%0D%0A%20obj.onmouseout%3Dfunction()%7Bitl%3DsetInterval(%22floatAD()%22%2C%20delay)%7D%20%20%0D%0A%20%20%3C%2Fscript%3E">
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程