<!– 滚动图片开始 –>
<style type="text/css">
<!–
#yt_demo {
background: #FFF;
overflow:hidden;
width: 730px;
}
#yt_indemo {
float: left;
width: 800%;
}
#yt_demo1 {
float: left;
}
#yt_demo2 {
float: left;
}
–>
</style>
<style>
#yt_indemo {
height: 165px;
}
</style>
<div id="yt_demo">
<DIV id=yt_indemo>
<DIV id=yt_demo1>content </DIV>
<DIV id=yt_demo2>content </DIV>
</DIV>
</div>
</ul>
</div>
<script language="javascript" type="text/javascript">
<!–
var speed=30; //数字越大速度越慢
var yt_tab=document.getElementById("yt_demo");
var yt_tab1=document.getElementById("yt_demo1");
var yt_tab2=document.getElementById("yt_demo2");
yt_tab2.innerHTML=yt_tab1.innerHTML;
function Marquee(){
if(yt_tab2.offsetWidth-yt_tab.scrollLeft<=0)
yt_tab.scrollLeft-=yt_tab1.offsetWidth
else{
yt_tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
yt_tab.onmouseover=function() {clearInterval(MyMar)};
yt_tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
–>
</script>