淘寶店鋪的推廣中，如何讓你的圖片會(huì)說(shuō)話？淘寶學(xué)堂和你來(lái)一起做淘寶滾動(dòng)圖片的代碼。
<!------------------ 向左滾動(dòng)代碼開(kāi)始 -------------------------->
<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 //將第二個(gè)儲(chǔ)存格的空內(nèi)容使用和第一格一樣的內(nèi)容填充
function Marquee(){
if(demo1.offsetWidth-demo.scrollLeft<=0) //假如圖片走到第一個(gè)儲(chǔ)存格完
demo.scrollLeft-=demo2.offsetWidth // 這時(shí)候重新從第一格第一張圖片開(kāi)始走動(dòng)
else{ //否則
demo.scrollLeft++ // 滾動(dòng)條一直向左滾動(dòng)
}
}
var MyMar=setInterval(Marquee,speed) //以時(shí)間speed為間隔逐次調(diào)用滾動(dòng)條函數(shù)
demo.onmouseover=function() {clearInterval(MyMar)} //鼠標(biāo)放上的時(shí)候解除對(duì)滾動(dòng)函數(shù)的調(diào)用
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//移開(kāi)則重新調(diào)用滾動(dòng)函數(shù)
</script>
<!------------------ 向右滾動(dòng)代碼開(kāi)始 -------------------------->
<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>
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 分享淘寶滾動(dòng)圖片的代碼
