连续循环滚动图片调用方法！

风雨相随 · 发表于 2008-4-28 10:19:40

出来和大家分享一下：因为是动态效果，所以只好让大家看一下演示网址了：http://www.ad-f.cn

很简单，之前我以发过JS调用图片附件图文教程，那么如何让图片动呢，用过html里的<marquee>的朋友都知道，中间会脱节，那么就让我们用javascript来实现吧：

代码：红色的部分是JS调用的代码
<div id=demo style="overflow:hidden;height:135px;width:100%;margin-top:3px;margin-bottom:1px;">
<table align=left cellpadding=0 cellspace=0 border=0 ><tr><td id=demo1 valign=center><script type="text/javascript" src="http://www.ad-f.cn/api/javascript.php?key=images_TyJ"></script></td><td id=demo2 valign=center> </td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

chinafu-quain · 发表于 2008-4-28 10:22:41

辛苦了!!

买空间网114 · 发表于 2008-4-28 10:32:45

提示: 作者被禁止或删除内容自动屏蔽

luomin · 发表于 2008-4-28 10:48:03

不错..支持..

wjx79979 · 发表于 2008-4-28 11:07:02

支持一个先/./////

李娜利 · 发表于 2008-4-28 11:14:21

支持楼主

w19780824 · 发表于 2008-5-2 12:06:48

谢谢楼主分享，经测试没有问题。

liuyang999 · 发表于 2008-5-6 02:16:08

不错..支持..

滚骨碌 · 发表于 2008-5-28 09:00:28

留个记号………………

noetic · 发表于 2008-5-30 00:54:04

mark
支持！

		自动登录	找回密码
密码			立即注册

连续循环滚动图片调用方法！

评分