回 帖 发 新 帖 刷新版面

主题:寻横向图片滚动js代码一段

各位大哥,我现想找一段横向图片滚动js代码,效果如www.51mtc.com首页中部的图片横向滚动代码,我想要的是静态非嵌入ASP的 js代码,而且是头尾相连的那种,也就是全部图片滚动完了以后紧接着就是第二次滚动.希望各位大哥无私的指教.感激不尽.

回复列表 (共8个回复)

沙发

http://blog.programfan.com/article.asp?id=23033
是不是这个

板凳

http://www.uschinateam.com/
我自己开发的BLOG里就有这种特效,自己看里面的JS。

3 楼

还没去看,不过先谢谢你们!

4 楼

wangsdong
http://blog.programfan.com/article.asp?id=23033 这上面的我看过了,对,就是这种效果了,不过表格的框架等这些样色就不怎么好,有没有样色在好点的呢!

nckggood
我在你说的http://www.uschinateam.com/上面找过了,可是没找到.

5 楼

呵呵,也可以了,谢谢你们啦!不过我还是有个简单的问题不能解决.我写了个css来控制图片链接的属性的,可是不起作用,有超链接的图片都会有个有色的边框的.
我的css是这样写的:
a.r1:link {
    text-decoration: none; color:;
}
a.r1:visited {
    text-decoration: none; color:;
}
a.r1:hover {
    text-decoration: none; color:F;
}
a.r1:active { 
    color:; text-decoration:;


上面是一个独立的css文件,应该没定义错吧!

然后我在另外一个页面test.htm的一个图片链接引入这个css文件,
<link href="test_css_1.css" type="text/css" rel="stylesheet" />

之后图片链接是这样写的.
<td width="200"><a href='#'  class="r1"><img src="images/picfiles/01.JPG" width="100" height="150" class="r1"></a></td>

不知道为什么就是有个边框把图片框住,请各位指教.

6 楼

呵呵,问题已经解决,加了个img borther="0"

7 楼


我那个是纵向滚动,其实也差不多。改一点点代码就变为横向了。

8 楼


<DIV id=demo 
style="OVERFLOW: hidden; WIDTH: 640; COLOR: #ffffff; HEIGHT: 130px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=5 border=0>
<TBODY>
<TR align=middle>
<TD width=200>
<img src="images/tupian/3-12.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-6.jpg" width="160" height="113" /> </TD>
<TD width=200>
<img src="images/tupian/2003-12-wa-4.jpg" width="160" height="113" /> </TD>
</TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></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> 

我来回复

您尚未登录,请登录后再回复。点此登录或注册