股指期货贴水

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

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

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

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

<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
  • 2
  • 3
  • 4
  • 5
  • 1如何搭建第一个网站?做网站有...
  • 2
  • 3网络红人如何赚钱?我要成为网...
  • 4
  • 5
  • 1中国女大学生的淫靡生活
  • 2网络惊现李双江之子多名初中小...
  • 3
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5武汉十七中教室门种子 教室门q...
  • 1
  • 2
  • 3
  • 4
  • 5
    • ·上一篇文章:
    • ·下一篇文章:

    赞助商广告

    频道栏目配资平台

    热门文章导读

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12

    图片文章导读

    股指期货贴水相关的文章阅览

    本类最新分享

    闽发证券股票开户

    周口网上炒股

    乌鲁木齐股票开户

    朔州网上炒股

    海通证券

    大连财政证券融资融券

    配资公司

    大连配资公司

    邢台炒股开户

    闽发证券

    崇左股票开户

    汕头证券网上开户网站

    营口网上炒股

    赢牛资管

    河源股票开户

    西南证券开户

    山东图木舒克炒股开户

    南宁配资开户

    陕西晋城炒股开户

    点点策略