主题:寻横向图片滚动js代码一段
liangzn28
[专家分:20] 发布于 2007-02-02 11:53:00
各位大哥,我现想找一段横向图片滚动js代码,效果如www.51mtc.com首页中部的图片横向滚动代码,我想要的是静态非嵌入ASP的 js代码,而且是头尾相连的那种,也就是全部图片滚动完了以后紧接着就是第二次滚动.希望各位大哥无私的指教.感激不尽.
回复列表 (共8个回复)
沙发
wangsdong [专家分:21390] 发布于 2007-02-02 12:23:00
http://blog.programfan.com/article.asp?id=23033
是不是这个
板凳
nckggood [专家分:1020] 发布于 2007-02-02 13:17:00
http://www.uschinateam.com/
我自己开发的BLOG里就有这种特效,自己看里面的JS。
3 楼
liangzn28 [专家分:20] 发布于 2007-02-02 14:33:00
还没去看,不过先谢谢你们!
4 楼
liangzn28 [专家分:20] 发布于 2007-02-02 14:46:00
wangsdong
http://blog.programfan.com/article.asp?id=23033 这上面的我看过了,对,就是这种效果了,不过表格的框架等这些样色就不怎么好,有没有样色在好点的呢!
nckggood
我在你说的http://www.uschinateam.com/上面找过了,可是没找到.
5 楼
liangzn28 [专家分:20] 发布于 2007-02-02 16:16:00
呵呵,也可以了,谢谢你们啦!不过我还是有个简单的问题不能解决.我写了个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 楼
liangzn28 [专家分:20] 发布于 2007-02-02 17:06:00
呵呵,问题已经解决,加了个img borther="0"
7 楼
nckggood [专家分:1020] 发布于 2007-02-02 19:20:00
我那个是纵向滚动,其实也差不多。改一点点代码就变为横向了。
8 楼
zjutsxj [专家分:140] 发布于 2007-02-02 20:10:00
<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>
我来回复