<div id="demo">
<div class="indemo">
<div id="demo1">
<div class="box"><a href="/"><img src="{dede:global.cfg_templets_skin/}/images/banner/f1.jpg" width="260" height="350" border="0" /><span>LOGO真丑</span></a> </div>
<div class="box"><a href="/"><img src="{dede:global.cfg_templets_skin/}/images/banner/f2.jpg" width="260" height="350" border="0" /><span>LOGO真丑2</span></a> </div>
<div class="box"><a href="/"><img src="{dede:global.cfg_templets_skin/}/images/banner/f3.jpg" width="260" height="350" border="0" /><span>LOGO真丑3</span></a></div>
<div class="box"><a href="/"><img src="{dede:global.cfg_templets_skin/}/images/banner/f4.jpg" width="260" height="350" border="0" /><span>LOGO真丑4</span></a> </div>
<div class="box"><a href="/"><img src="{dede:global.cfg_templets_skin/}/images/banner/f5.jpg" width="260" height="350" border="0" /><span>LOGO真丑5</span></a> </div>
</div>
<div id="demo2"></div>
</div>
</div>
<script language="javascript">
var speed=5; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
目前demo宽度是1024
demo1中有5张图片,每张宽度260,demo宽度至少是1300
我增加了图片和减少了图片都没有用。
麻ç¦æ¨åè¯æå¦ä½ä¿®æ¹è¿ä¸ªä»£ç å¢ï¼è¿æè¿ä¸ªä»£ç çåçæ¯ä»ä¹å¢ï¼æµªè´¹æ¨ç¹æ¶é´å¸®å¸®æ
追çå
说åç,ææ»å¨å
容å¤å¶ä¸ä»½å¯æ¬æ¾å¨å½åå
容ä¹å,ç¶åå®æ¶ç§»å¨è¿ä¸¤ç»å
容,ç´å°ç¬¬ä¸ç»å
容å®å
¨ç§»åºå¯è§åºåæ¶,å°ä¸¤ç»å
容éç½®å°åå§ä½ç½®ç»§ç»ç§»å¨,è¿æ ·å¨è§è§ä¸ä¼äº§çè¿ç»æ»å¨.
ç»ä½ 个修æ¹æè·¯å§,å设横åæ»å¨,å¦æå
容宽度å°äºå¯è§åºå®½åº¦,é£ä¹ä½ å°±éè¦äº§çæ´å¤çå¯æ¬,使å¯æ¬ç宽度å大äºå¯è§åºå®½åº¦,è¿æ ·å°±å¯ä»¥äº.