offsetWidth是指物體可見寬度
scrollLeft是指滾動滑塊在滾動條上的位置
<!--對于此例,網頁中一般會有三個容器,此處為demo,demo1和demo2;其中demo1和demo2均在demo中
demo的overflow屬性一般為hidden,我在這里用auto是為了方便你查看scrollLeft的狀態,
另外為方便你理解scrollLeft和offsetWidth,我還在后面加了一個viewstatus函數,鼠標經過容器時會看到相關參數值
//-->
<div id=demo style="width:200;overflow:auto">
<table><tr>
<td id=demo1>
<img src='a.gif' width=100><img src='b.gif' width=100></td>
<td id=demo2></td>
</tr></table>
</div>
<script>
var speed=30 //定義速度,實指下面滾動函數的執行間隔,值越小滾動越快
demo2.innerHTML=demo1.innerHTML //將demo1中的內容復制到demo2
function Marquee(){ //開始定義滾動函數
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth //如果滑動塊的位置大于demo2的寬度,滑動塊退回一個demo2的寬度
else{
demo.scrollLeft++ //否則,滑動塊向右滾動(圖片向左滾)
}
}//滾動函數定義完
var MyMar=setInterval(Marquee,speed) //設置定時器,使滾動函數每30毫秒運行一次
demo.onmouseover=function() {clearInterval(MyMar);viewstatus();}//鼠標經過時,清除定時器,停止執行滾動函數,彈出信息;
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}// 鼠標離開后,繼續滾動
function viewstatus(){//這是我加的函數,很簡單,不注釋了
mess="demo.scrollLeft:"+demo.scrollLeft+"\ndemo1.offsetWidth:"+demo1.offsetWidth+"\ndemo2.offsetWidth:"+demo2.offsetWidth;
alert(mess);
}
</script>