多层文字滚动

最新推荐文章于 2024-09-11 18:22:03 发布

qq_38674970

最新推荐文章于 2024-09-11 18:22:03 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

分类专栏： jq学习文章标签：前端测试 jq

本文链接：https://blog.youkuaiyun.com/qq_38674970/article/details/78792607

jq学习专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的滚动新闻效果，通过定时器自动滚动显示列表项，并在鼠标悬停时停止滚动，离开时继续滚动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试

function autoScroll(obj){ var

newh= $newh=$ (obj).height();

(obj).find('ul').animate({
            marginTop:'-90px'                           //更改高度
        },1500,function(){
            $(this).css({marginTop:'0'});
            var clone=$('ul>li:lt(2)').clone();          //克隆需要的li
            $('ul li:last').after(clone);
            $('ul>li:lt(2)').remove();                 //移除需要的li
        });
    }
    var i=setInterval("autoScroll('#news')",2500); $(obj).find('ul').animate({ marginTop:'-90px' //更改高度 },1500,function(){ $(this).css({marginTop:'0'}); var clone=$('ul>li:lt(2)').clone(); //克隆需要的li $('ul li:last').after(clone); $('ul>li:lt(2)').remove(); //移除需要的li }); } var i=setInterval("autoScroll('#news')",2500);$ ('#news').mouseenter(function(){ console.log("放上去了,停止计时器"); clearInterval(i); }); $('#news').mouseleave(function(){ console.log("离开了") i=setInterval("autoScroll('#news')",2500); });