| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1598 人关注过本帖
标题:请教高手,怎么实现动态图片滚动
只看楼主 加入收藏
fifaboy
Rank: 1
等 级:新手上路
帖 子:10
专家分:0
注 册:2008-4-23
收藏
 问题点数:0 回复次数:5 
请教高手,怎么实现动态图片滚动
本人在做一个产品模块,要求是所有的产品图片都在一行里实现不间断左右滚动,做了很长时间了,一直实现不了,请高手们帮我解决下了!!!!!!!!!!!!
搜索更多相关主题的帖子: 动态 滚动 
2008-04-23 10:08
zhulei1978
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:53
帖 子:1351
专家分:1200
注 册:2006-12-17
收藏
得分:0 
程序代码:
<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>

其实我就是改变社会风气,提高少女素质,刺激电影市道,提高年轻人内涵,玉树临风,风度翩翩的整蛊专家,我名叫古晶,英文名叫JingKoo!
2008-04-23 13:45
fifaboy
Rank: 1
等 级:新手上路
帖 子:10
专家分:0
注 册:2008-4-23
收藏
得分:0 
谢版主了,可你这看起来是静态的,我要动态的,而且不知道图片有多少的那种,还要点击显示大图的
本人是个新手,拜托版主写详细点好么,小弟跪求啊!!!!!!!!!
2008-04-23 16:22
ayue222
Rank: 3Rank: 3
等 级:新手上路
威 望:6
帖 子:341
专家分:0
注 册:2007-7-25
收藏
得分:0 
什么静态动态的?
你要从数据库中读图片的话把
<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>
用一个循环不就好了麽?
2008-04-25 11:15
xu569874
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2008-6-27
收藏
得分:0 
我用着怎么都不动呢
2008-06-27 09:35
kgdipbyve
Rank: 2
等 级:论坛游民
帖 子:346
专家分:35
注 册:2008-5-4
收藏
得分:0 
你查看下别人企业网,一般都有的,你在查下代码看下就行了.
或是到网上,下载原代码,都有的.
2008-06-27 15:30
快速回复:请教高手,怎么实现动态图片滚动
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.024268 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved