当前位置:四川时时彩怎么玩文章中心网站开发Javascript → JS实现像marquee属性:无缝向上滚动

重庆时时彩现场开奖:JS实现像marquee属性:无缝向上滚动

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

四川时时彩怎么玩 www.e4s0o.com.cn 相信有很多朋友和我一样,有时候需要制作一些滚动的效果。
今天在就是想要做一个向上滚动的效果,而使用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)
  • 赞助商广告

    图片文章导读

  • 人民日报:70年正青春,不停步向未来 2019-05-21
  • 农业发展呼唤“新农民” 2019-05-21
  • 安全发展 平安山西——黄河新闻网 2019-05-21
  • 海南宣讲十九大:春风化雨入琼岛,海涛拍岸谋新篇 2019-05-21
  • 做好事的路上顺手又做了一件好事(图) 2019-05-20
  • 女性之声——全国妇联 2019-05-20
  • 体彩嘉年华公益进行时 走! 2019-05-20
  • 保温杯里千万不要装这6种喝的 小心伤身 2019-05-19
  • 第十七届中国国际古典家具展览会5月18日将在申城启幕 2019-05-19
  • 宁夏旅游精准营销深耕北京客源市场--旅游频道 2019-05-19
  • 个人信息,利用好更需保护好 2019-05-18
  • 阳泉市政府召开开发区企业家座谈会 2019-05-18
  • 个税法迎第七次大修 起征点调至每年6万元 2019-05-17
  • 世界杯今日开锣 竞彩之旅即刻启程 2019-05-17
  • 共有产权住房亮相 完善“梯队消费” 2019-05-17
  • 785| 188| 464| 249| 416| 590| 297| 471| 497| 659|