<!--图片滚动开始-->
<div id="demo" style="overflow:hidden;width:500px;" align=center>
<table border="0" cellspacing="0" cellpadding="0" width="500px">
<tr>
<td valign="top" id="marquePic1">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="" width="150" height="90" hspace="3" /></td>
<td><img src="" width="150" height="90" hspace="3" /></td>
<td><img src="" width="150" height="90" hspace="3" /></td>
</tr>
</table>
</td>
<td id="marquePic2" valign="top"> </td>
</tr>
</table>
</div><script language="javascript">
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--图片滚动结束-->
怎么改成像右循环!??
改RIGHT 不好使~~
<div id="demo" style="overflow:hidden;width:500px;" align=center>
<table border="0" cellspacing="0" cellpadding="0" width="500px">
<tr>
<td valign="top" id="marquePic1">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="" width="150" height="90" hspace="3" /></td>
<td><img src="" width="150" height="90" hspace="3" /></td>
<td><img src="" width="150" height="90" hspace="3" /></td>
</tr>
</table>
</td>
<td id="marquePic2" valign="top"> </td>
</tr>
</table>
</div><script language="javascript">
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--图片滚动结束-->
怎么改成像右循环!??
改RIGHT 不好使~~
这里挺全的,自己看吧..
我就不多罗嗦了
<!--图片滚动开始-->
<div id="demo" style="overflow:hidden;width:500px;" align=center>
<table border="0" cellspacing="0" cellpadding="0" width="500px">
<tr>
<td valign="top" id="marquePic1">
<table width="" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <img src="" width="150" height="90" hspace="3" /> </td>
<td> <img src="" width="150" height="90" hspace="3" /> </td>
<td> <img src="" width="150" height="90" hspace="3" /> </td>
</tr>
</table>
</td>
<td id="marquePic2" valign="top"> </td>
</tr>
</table>
</div> <script>
var speed=30
marquePic2.innerHTML=marquePic1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0){
demo.scrollLeft+=marquePic2.offsetWidth
}else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--图片滚动结束-->