控制div中的ul中的li的滚动,超好用的小控件(自写)

1 篇文章 0 订阅
1 篇文章 0 订阅

参数的说明:

1.name:div的id

2.speed:滚动的速度(数值越小滚动越快,其实就是setInterval中的第二个时间参数)

3.height:li的高度

4.unit:li的高度单位

(封装其实没必要这么啰嗦,但是为了比我技术还渣的人着想下)

将分割线下面的代码复制后保存为js直接引用即可

我自己引用时的代码:scroll('scroll-ul',2000,4.4,'vh');(参数在上面已经说明)

注意,ul不要设高度,ul不要设高度,ul不要设高度重要的事情说三遍

======================↑说明 ↓代码=========================

 function scroll(name,speed,height,unit){
        var flag=0;
        var count=0;
        var length=$("#"+name+" li").length;
        setInterval(function(){
            flag-=height;
            $("#"+name).animate({marginTop:flag+unit});
            if(count==length){
                count=0;
            }
            var start=$("#"+name).find('li').eq(count++).text();
            var ul=document.getElementById(name);
            var li=document.createElement("li");
            li.innerHTML="<li>"+start+"</li>";
            ul.appendChild(li);
        },speed);
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值