当前位置:错新网文章中心网站开发Javascript → JS实现像marquee属性:无缝向上滚动

JS实现像marquee属性:无缝向上滚动

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2011-12-13 8:15:16

相信有很多朋友和我一样,有时候需要制作一些滚动的效果。
今天在就是想要做一个向上滚动的效果,而使用marquee所实现的滚动效果看起来总是那么不顺心;
在前面曾经发过一篇用JS实现向左无逢滚动的文章介绍:用JS实现无缝向左滚动,何不再利用JS来实现向上的无逢滚动呢?!于是通过一番搜索,找到了一个用Javascript时间的无逢向上翻滚效果的代码

<div id="demo" style="overflow:hidden;height:168px;width:300px;">
<div id="demo1">
   <!--此处放要显示的内容-->
</div>
<div id="demo2"></div>
</div>
<script language="javascript">
var speed=30;
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
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.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>


本文引用网址:

在下列搜索引擎中搜索“JS实现像marquee属性:无缝向上滚动”的相关信息:

谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1合肥艳照门男主角qq 男主角qq空...
  • 2韩国女主播性爱视频 韩成珠更多...
  • 3韓成珠視頻qvod 韓國女主播性愛...
  • 4合肥艳照门QQ空间曝光男主角与...
  • 5林晨钰爆奶门照片ed2k 林晨钰爆...
  • 1如何搭建第一个网站?做网站有...
  • 2织梦dede模板调用标签大全
  • 3网络红人如何赚钱?我要成为网...
  • 4两年的站长织梦生涯DedeCMS陪我...
  • 5Dedecms会员注册验证邮箱的实现...
  • 1中国女大学生的淫靡生活
  • 2网络惊现李双江之子多名初中小...
  • 3中国女大学生的校园生活
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5武汉十七中教室门种子 教室门q...
  • 1加密无痕Win7系统让U盘成为个人...
  • 224日预警:将感染电脑变成FTP服...
  • 3Win2008系统活动目录权限管理服...
  • 4利用twig架设WebMail系统(6)
  • 5分布式的Qmail邮件系统(4)
  • 赞助商广告

    图片文章导读