js向上滚动的问题，请教各位高手了

wutongshu012 2011-11-19 08:33:43
这个滚动代码，鼠标放上去不能停止，不知道该怎么修改，请教各位高手了，实现鼠标放上去停止，离开重新滚动效果

<div id="marquee" style="overflow:hidden;height:524px;width:250px;">
<div>
<!-- Marquee Body Head -->
<iframe frameborder='0' scrolling='no' src='http://show.v.t.qq.com/index.php?c=show&a=index&n=pony&w=250&h=518&fl=1&l=3&o=17&co=0' width='250' height='518'></iframe>
<iframe frameborder='0' scrolling='no' src='http://show.v.t.qq.com/index.php?c=show&a=index&n=mengfei&w=250&h=518&fl=1&l=3&o=17&co=0' width='250' height='518'></iframe>
<!-- Marquee Body Bottom -->
</div>
</div>
<script language="JavaScript" defer>
var obj_marquee = document.getElementById("marquee");
var marquee_spd = 9000;
var step_c = 0;

function marquee_init() {
var obj_unit = obj_marquee.firstChild;
var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);
for(var i=0; i<n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));
return;
}

function marquee_show() {
var marquee_high = parseInt(obj_marquee.style.height);
var step = marquee_high/10;
if(obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {
obj_marquee.scrollTop = 0;
marquee_show();
return;
}
obj_marquee.scrollTop += step;
if(step_c++ < 9) setTimeout("marquee_show()", 50);
return;
}

marquee_init();
setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);

</script>
}
}
</script>
...全文
176 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
p2227 2011-11-20
  • 打赏
  • 举报
 回复 
<body>

<div id="marquee" style="overflow:hidden;height:524px;width:250px;">

  <div>

  <!-- Marquee Body Head -->

<iframe frameborder='0' scrolling='no' src='http://show.v.t.qq.com/index.php?c=show&a=index&n=pony&w=250&h=518&fl=1&l=3&o=17&co=0' width='250' height='518'></iframe>

  <!-- Marquee Body Bottom -->

  </div>

</div>



<script language="JavaScript" defer>

    var obj_marquee = document.getElementById("marquee");

    var marquee_spd = 9000;

    var step_c = 0;

    var stop = false;



    function marquee_init() {

        var obj_unit = obj_marquee.firstChild;

        var n = Math.ceil(parseInt(obj_marquee.style.height) / obj_unit.offsetHeight);

        for (var i = 0; i < n; i++) obj_marquee.appendChild(obj_unit.cloneNode(true));

        return;

    }



    function marquee_show() {

        if (stop)

            return;

        else {

            var marquee_high = parseInt(obj_marquee.style.height);

            var step = marquee_high / 10;

            if (obj_marquee.scrollTop >= obj_marquee.children[1].offsetTop) {

                obj_marquee.scrollTop = 0;

                marquee_show();

                return;

            }

            obj_marquee.scrollTop += step;

            if (step_c++ < 9) setTimeout("marquee_show()", 50);

            return;

        }

    }



    marquee_init();

    setInterval("step_c=0;setTimeout('marquee_show()',50)", marquee_spd);



    obj_marquee.onmouseenter = function () {

        stop = true;

    }



    obj_marquee.onmouseleave = function () {

        stop = false;

		marquee_show();

    }



</script>

</body>
wutongshu012 2011-11-20
  • 打赏
  • 举报
 回复
那是引用腾讯微博，我想让这个向上滚动能加个鼠标效果，鼠标移上去停止，离开继续滚动啊
wutongshu012 2011-11-20
  • 打赏
  • 举报
 回复
那是引用腾讯微博，我想让这个向上滚动能加个鼠标效果，鼠标移上去停止，离开继续滚动啊
默默不得鱼 2011-11-19
  • 打赏
  • 举报
 回复
为什么我看到了qq.com
vue如何实现列表自动滚动、向上滚动的效果
研究了一个插件 列表自动滚动的插件vue-seamless-scroll感受这是个做大屏可视化时可靠帮手请欣赏一下效果图如图所示可以看到 它自动向上滚动 以及鼠标移动进入表格则停止滚动​滚动第一行无缝滚动第一行''date''test''测试''test2''测试2''test3''测试3''title'
vue实现列表自动滚动、向上滚动的效果（vue-seamless-scroll）
今天研究了一个插件 列表自动滚动的插件vue-seamless-scroll 感受这是个做大屏可视化时可靠帮手 请欣赏一下效果图 如图所示可以看到 它自动向上滚动 以及鼠标移动进入表格则停止滚动 这个使用起来也是非常的方便的，接下来我为各位老铁记录一下使用的过程 1.第一步进行安装 npm install vue-seamless-scroll --save 2.在main.js直接导入使用 import scroll from 'vue-seamless-scroll' Vue.use(..
js实现标题无缝向上滚动
用jQuery实现无缝向上滚动挺容易的，想用原生js进行自我学习一下，有些细节的东西需要注意，以后可能用上，写得不好，各位看官请见谅，话不多说，上代码： demo