JS 不间断滚动

使用时候替换“AsaiDemoS ”,即可在一个页面放置多个这样的上下竖向滚动

<div id=AsaiDemoS style=height:120px;width:100%;overflow:hidden;><div id=AsaiDemoS1>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A><br>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A><br>
</div><div id=AsaiDemoS2></div></div>
<script>
var AsaiDemoSspeed=100
AsaiDemoS2.innerHTML=AsaiDemoS1.innerHTML
function AsaiDemoSmarquee(){
if(AsaiDemoS2.offsetTop-AsaiDemoS.scrollTop<=0)
AsaiDemoS.scrollTop-=AsaiDemoS1.offsetHeight
else{
AsaiDemoS.scrollTop++
}}
var AsaiDemoSmymar=setInterval(AsaiDemoSmarquee,AsaiDemoSspeed)
AsaiDemoS.onmouseover=function(){clearInterval(AsaiDemoSmymar)}
AsaiDemoS.onmouseout=function(){AsaiDemoSmymar=setInterval(AsaiDemoSmarquee,AsaiDemoSspeed)}
</script>


使用时候替换“AsaiDemoH ”,即可在一个页面放置多个这样的左右横向滚动

<div id=AsaiDemoH style=height:120px;width:120px;overflow:hidden;><table cellspacing=0 cellpadding=0 border=0><tr><td id=AsaiDemoH1 valign=top>  
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
<A HREF=HTTP://77YA.COM>阿赛工作室!</A>
<A HREF=HTTP://WWW.77YA.COM>旗旗芽(77ya.com)</A>
</td><td id=AsaiDemoH2 valign=top></td></tr></table></div>
<script>
var AsaiDemoHspeed=100
AsaiDemoH2.innerHTML=AsaiDemoH1.innerHTML
function AsaiDemoHmarquee(){
if(AsaiDemoH.scrollLeft>=AsaiDemoH1.scrollWidth){
AsaiDemoH.scrollLeft=0
}else{
AsaiDemoH.scrollLeft++
}}
var AsaiDemoHmymar=setInterval(AsaiDemoHmarquee,AsaiDemoHspeed)
AsaiDemoH.onmouseover=function(){clearInterval(AsaiDemoHmymar)}
AsaiDemoH.onmouseout=function(){AsaiDemoHmymar=setInterval(AsaiDemoHmarquee,AsaiDemoHspeed)}
</script>

你可能感兴趣的:(js)