圖片無縫滾動代碼

圖片無縫滾動代碼

向左

<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center 
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1] 
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script>
var Picspeed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{ 
demo.scrollLeft++

}
var MyMar1=setInterval(Marquee1,Picspeed)
demo.οnmοuseοver=function() {clearInterval(MyMar1)}
demo.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>


向右

<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center 
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1] 
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
demo.scrollLeft=demo.scrollWidth 
function Marquee(){ 
if(demo.scrollLeft<=0) 
demo.scrollLeft+=demo2.offsetWidth 
else{ 
demo.scrollLeft-- 


var MyMar=setInterval(Marquee,speed) 
demo.οnmοuseοver=function() {clearInterval(MyMar)} 
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} 
</script> 


向下
<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center 
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1] 
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script language="javascript"> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
demo.scrollTop=demo.scrollHeight 
function Marquee(){ 
if(demo1.offsetTop-demo.scrollTop>=0) 
demo.scrollTop+=demo2.offsetHeight 
else{ 
demo.scrollTop-- 


var MyMar=setInterval(Marquee,speed) 
demo.οnmοuseοver=function() {clearInterval(MyMar)} 
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} 
</script>

向上
<div align='center' id='demo' style='overflow:hidden;height:125px;width:700px;'>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center 
border=0> <TBODY> <TR vAlign=top> <TD id='demo1' height="36" align=middle>$label[new_1] 
</TD><td id=demo2></td>
</TR> </TBODY> </TABLE></TD></TR></div>
<script language="javascript"> 
var speed=30 
demo2.innerHTML=demo1.innerHTML 
function Marquee(){ 
if(demo2.offsetTop-demo.scrollTop<=0) 
demo.scrollTop-=demo1.offsetHeight 
else{ 
demo.scrollTop++ 


var MyMar=setInterval(Marquee,speed) 
demo.οnmοuseοver=function() {clearInterval(MyMar)} 
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} 
</script> 

發佈了39 篇原創文章 · 獲贊 0 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章