向上滚动的文字特效JS代码

这个向上滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，<div id="demo1">你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</div>

<p><a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> http://www.51xuediannao.com 为你提供</p>

<div id="demo" style="overflow:hidden;height:100px;width:210px; border:1px solid #666;">
<div id="demo1">
<a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> www.51xuediannao.com 为您提供-基于jquery特效，jquery弹出层效果，js特效代码大全，JS广告代码，导航菜单代码，下拉菜单代码和jquery焦点图片代码。
</div>
<div id="demo2"></div>
</div>
<script style="text/javascript">
var speed=40;//数值越大，速度越慢
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
demo2.innerHTML=demo1.innerHTML;
demo.scrollTop=demo.scrollHeight;
function MarqueeUp(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo2.offsetHeight;
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(MarqueeUp,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(MarqueeUp,speed);}
</script>
向上滚动的文字特效JS代码由网上购物网站大全供稿
<!------------------------------------->

TAG标签