DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 圖片向左滾動代碼: 圖片向左滾動新代碼
圖片向左滾動代碼: 圖片向左滾動新代碼
編輯:CSS詳解     

其中的-3是為了彌補IE下抖一下的問題
在火狐下是-7
<style type="text/CSS">
<!--
#demo {
overflow:hidden;
border: 1px dashed #CCC;
width: 400px;
height:100px;
}
#indemo {
float: left;
width:5000%;
}
-->
</style>
<div id="demo">
<div id="indemo">
<span id="demo1">
<img src="" /><img src="" /><img src="" /><img src="" /><img src="" /><img src="" /></span>
<span id="demo2"></span>
</div>
</div>
<script>
<!--
var speed=10;
demo2.innerHTML=demo1.innerHtml;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft == -3)
demo.scrollLeft = 0;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouSEOver=function() {clearInterval(MyMar)};
demo.onmouSEOut=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>

本文鏈接http://www.cxybl.com/html/wyzz/CSS/20130702/38855.Html
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved