淘寶店鋪的推廣中，如何讓你的圖片會說話？淘寶學(xué)堂和你來一起做淘寶滾動圖片的代碼。

<!------------------ 向左滾動代碼開始 -------------------------->

<div id=demo style="overflow:scroll;height:93;width:600;background:#214984;color:#ffffff" >

<table align=left cellpadding=0 cellspacing=0 border=0>

<tr>

<td id=demo1 valign=top><img src="1-1.jpg" width="102" height="77" border="0" /><img src="2-1.jpg" width="102" height="77" border="0" /><img src="3-1.jpg" width="102" height="77"border="0" /><img src="4-1.jpg" width="102" height="77"border="0" /><img src="5-1.jpg" width="102" height="77"border="0" /><img src="6-1.jpg" width="102" height="77"border="0" /></td>

<td id=demo2 valign=top"></td>

</tr>

</table>

</div>

<script type="text/javascript">

var speed=30 //速度(單位：毫秒，1秒=1000毫秒)

demo2.innerHTML=demo1.innerHTML //將第二個儲存格的空內(nèi)容使用和第一格一樣的內(nèi)容填充

function Marquee(){

if(demo1.offsetWidth-demo.scrollLeft<=0) //假如圖片走到第一個儲存格完

demo.scrollLeft-=demo2.offsetWidth // 這時候重新從第一格第一張圖片開始走動

else{ //否則

demo.scrollLeft++ // 滾動條一直向左滾動

}

}

var MyMar=setInterval(Marquee,speed) //以時間speed為間隔逐次調(diào)用滾動條函數(shù)

demo.onmouseover=function() {clearInterval(MyMar)} //鼠標(biāo)放上的時候解除對滾動函數(shù)的調(diào)用

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//移開則重新調(diào)用滾動函數(shù)

</script>

<!------------------ 向右滾動代碼開始 -------------------------->

<div id=demoRight style="overflow:hidden;height:77;width:600;background:#000000;color:#ffffff;border:5px none #000000;">

<table align=left cellpadding=0 cellspacing=0 border=0>

<tr>

<td id=demoRight1 valign=top><img src="1-1.jpg" width="102" height="77" border="0" /><img src="2-1.jpg" width="102" height="77" border="0" /><img src="3-1.jpg" width="102" height="77"border="0" /><img src="4-1.jpg" width="102" height="77"border="0" /><img src="5-1.jpg" width="102" height="77"border="0" /><img src="6-1.jpg" width="102" height="77"border="0" /><img src="7-1.jpg" width="102" height="77"border="0" /><img src="8-1.jpg" width="102" height="77" border="0" /></td>

<td id=demoRight2 valign=top></td>

</tr>

</table>

</div>

<script type="text/javascript">

var speed_Right=30

demoRight2.innerHTML=demoRight1.innerHTML

demoRight.scrollLeft = demoRight1.offsetWidth

function Marquee_Right(){

if(demoRight.scrollLeft<=0)

demoRight.scrollLeft+=demoRight1.offsetWidth

else{

demoRight.scrollLeft--

}

}

var MyMar_Right=setInterval(Marquee_Right,speed_Right)

demoRight.onmouseover=function(){clearInterval(MyMar_Right)}

demoRight.onmouseout=function() {MyMar_Right=setInterval(Marquee_Right,speed_Right)}

</script>

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 分享淘寶滾動圖片的代碼