请教高手，怎么实现动态图片滚动

fifaboy

新手上路

Rank: 1

帖子：10
精华：0
积分：234
在线：17 小时
注册：2008-4-23

1^# 大中小发表于 2008-4-23 10:08 只看该作者

请教高手，怎么实现动态图片滚动

本人在做一个产品模块，要求是所有的产品图片都在一行里实现不间断左右滚动，做了很长时间了，一直实现不了，请高手们帮我解决下了！！！！！！！！！！！！

搜索更多相关主题的帖子: 动态滚动

TOP

zhulei1978

版主

Rank: 12

帖子：647
精华：4
积分：8002
威望：28
在线：618 小时
注册：2006-12-17

2^# 大中小发表于 2008-4-23 13:45 只看该作者

复制内容到剪贴板

代码:

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<div id="marquees">
<a href="#"><img src="1.jpg" width="117" height="42" alt="1"/></a>
<a href="#"><img src="2.jpg" width="117" height="42" alt="2"/></a>
<a href="#"><img src="3.jpg" width="117" height="42" alt="3"/></a>
<a href="#"><img src="4.jpg" width="123" height="42" alt="4"/></a>
</div>
<script language="JavaScript">
marqueesWidth=400;
stopscroll=false;
with(marquees){
style.width=marqueesWidth;
style.height=0;
style.overflowX="hidden";
style.overflowY="visible";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-

index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
templayer.innerHTML="";
while(templayer.offsetWidth<marqueesWidth){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollLeft()",50);
}
document.body.onload=init;
function scrollLeft(){
if(stopscroll==true) return;
preTop=marquees.scrollLeft;
marquees.scrollLeft+=1;
if(preTop==marquees.scrollLeft){
marquees.scrollLeft=templayer.offsetWidth-marqueesWidth;
marquees.scrollLeft+=1;
}
}
</script>
</BODY>
</HTML>

http://www.netyi.net/in.asp?id=zhulei1978

TOP

fifaboy

新手上路

Rank: 1

帖子：10
精华：0
积分：234
在线：17 小时
注册：2008-4-23

3^# 大中小发表于 2008-4-23 16:22 只看该作者

谢版主了，可你这看起来是静态的，我要动态的，而且不知道图片有多少的那种，还要点击显示大图的
本人是个新手，拜托版主写详细点好么，小弟跪求啊！！！！！！！！！

TOP

ayue222

中级会员

Rank: 3 Rank: 3

帖子：341
精华：0
积分：3510
威望：6
在线：0 小时
注册：2007-7-25

4^# 大中小发表于 2008-4-25 11:15 只看该作者

什么静态动态的？
你要从数据库中读图片的话把
<a href="#"><img src="1.jpg" width="117" height="42" alt="1"/></a>
<a href="#"><img src="2.jpg" width="117" height="42" alt="2"/></a>
<a href="#"><img src="3.jpg" width="117" height="42" alt="3"/></a>
<a href="#"><img src="4.jpg" width="123" height="42" alt="4"/></a>
用一个循环不就好了麽？

TOP

xu569874