走马灯滚动效果

a34020249 2009-09-09 02:58:39

我用marquee做滚动效果可是不是头尾相接的是从一边滚到另一边全部消失了才开始我想要接在一起的那种效果就像走马灯的那种

...全文

199 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

a34020249 2009-09-10

打赏
举报

都可以也用，谢谢大家了这就给大家发分

chinabh 2009-09-09

打赏
举报

测试可用：http://js.bhcode.net/javascript/20090909/123.html

zhijie284 2009-09-09

打赏
举报

[Quote=引用 3 楼 zhou01102 的回复:]
<script language="javascript">

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>
[/Quote]

这个是标准的

zhou01102 2009-09-09

打赏
举报

黑心 2009-09-09

打赏
举报

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 780px; HEIGHT: 120px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=demo1><TABLE cellSpacing=0 cellPadding=2 align=center border=0>
<TBODY>
<TR vAlign=top>
<TD><table width="980" border="0" cellpadding="0" cellspacing="0">
<tr>
<td >
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a> </td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE></TD>
<TD id=demo2></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<script language="javascript">

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>

黑心 2009-09-09

打赏
举报

DIV id=demo style="OVERFLOW: hidden; WIDTH: 780px; HEIGHT: 120px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=demo1><TABLE cellSpacing=0 cellPadding=2 align=center border=0>
<TBODY>
<TR vAlign=top>
<TD><table width="980" border="0" cellpadding="0" cellspacing="0">
<tr>
<td >
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a>
<a href='ProductInfo.asp?A_Id=35' class='menu2' target='_blank'><img src='english/b/pic/200941894821461.jpg' width='124' height='124' border='0' title='E27-6W'/></a>
<a href='ProductInfo.asp?A_Id=37' class='menu2' target='_blank'><img src='english/b/pic/20094189589576.jpg' width='124' height='124' border='0'/></a> </td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE></TD>
<TD id=demo2></TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<script language="javascript">

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>