文字上下滚动

<div id="demo" style="overflow:hidden;height:100px;width:210px; border:1px solid #666;">
<div id="demo1">
<p><a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> www.51xuediannao.com 为您提供-基于jquery特效,jquery弹出层效果,js特效代码大全,JS广告代码,导航菜单代码,下拉菜单代码和jquery焦点图片代码。</p>
<p>这个向上滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,你完全可以在这里定义图片或者图文结合等等形式,这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,你完全可以在这里定义图片或者图文结合等等形式,这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,你完全可以在这里定义图片或者图文结合等等形式,这是一个容器。</p>
<p>这个向上滚动的文字特效JS代码比较简洁,代码量很少,你可以扩展一下,你完全可以在这里定义图片或者图文结合等等形式,这是一个容器。</p>
</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.οnmοuseοver=function() {clearInterval(MyMar);}
demo.οnmοuseοut=function() {MyMar=setInterval(MarqueeUp,speed);}
</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值