您当前的位置: 首页 > 

漏刻有时

暂无认证

  • 0浏览

    0关注

    717博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

上下文本间隔自定义滚动时间的封装函数

漏刻有时 发布时间:2021-02-28 11:36:56 ,浏览量:0

在这里插入图片描述

HTML
     
                    
                        192.168.0.1SQL注入02-24 13:01:45
                        192.168.0.1SQL注入02-24 13:02:45
                        192.168.0.1SQL注入02-24 13:03:45
                        192.168.0.1SQL注入02-24 13:04:45
                        192.168.0.1SQL注入02-24 13:05:45
                        192.168.0.1SQL注入02-24 13:06:45
                    
                
调用函数
  getScroll(".basics", 10000);
封装函数
//文本间隔滚动效果;
function getScroll(className, timer) {
    var $this = $(className);
    var scrollTimer;
    $this.hover(function () {
        clearInterval(scrollTimer);
    }, function () {
        scrollTimer = setInterval(function () {
            scrollContent($this);
        }, timer);
    }).trigger("mouseout");
}

function scrollContent(obj) {
    var $self = obj.find("ul:first");
    var lineHeight = $self.find("li:first").height();
    $self.animate({
        "margin-top": -lineHeight + "px"
    }, 1000, function () {
        $self.css({
            "margin-top": "0px"
        }).find("li:first").appendTo($self);
    })
}

lockdatav Done!

关注
打赏
1661217259
查看更多评论
立即登录/注册

微信扫码登录

0.0618s