博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
banner轮播无缝滚动 jq代码
阅读量:4310 次
发布时间:2019-06-06

本文共 627 字,大约阅读时间需要 2 分钟。

HTML:

1 
2     
    3       
  • 11111
  • 4       
  • 22222
  • 5     
6

JQ:

1 $(function(){ 2   setInterval(function(){ 3       scroll($(".box ul"));   4     },1000);        5   }) 6   function scroll(obj){ 7     var h=obj.find(" li ").height();      //获取每个li的高度 8     obj.animate({"margin-top":-h},function(){     //整个ul向上滚动一个li的高度,h的正负决定滚动的方向 9     obj.find("li").eq(0).appendTo(obj);    //把ul的第一个li放到最后10     obj.css("margin-top",0);        //ul位置还原,看起来就像是在无缝滚动一样11 12   })13 14 }

说明:如果是上下无缝滚动,就用margin-top;如果是左右滚动就用margin-left,然后是获取每个li的宽度.    

转载于:https://www.cnblogs.com/zjjDaily/p/6296062.html

你可能感兴趣的文章
期货市场技术分析06_长期图表和商品指数
查看>>
期货市场技术分析07_摆动指数和相反意见理论
查看>>
满屏的指标?删了吧,手把手教你裸 K 交易!
查看>>
不吹不黑 | 聊聊为什么要用99%精度的数据回测
查看>>
高频交易的几种策略
查看>>
量化策略回测TRIXKDJ
查看>>
量化策略回测唐安奇通道
查看>>
CTA策略如何过滤部分震荡行情?
查看>>
量化策略回测DualThrust
查看>>
量化策略回测BoolC
查看>>
量化策略回测DCCV2
查看>>
mongodb查询优化
查看>>
五步git操作搞定Github中fork的项目与原作者同步
查看>>
git 删除远程分支
查看>>
删远端分支报错remote refs do not exist或git: refusing to delete the current branch解决方法
查看>>
python multiprocessing遇到Can’t pickle instancemethod问题
查看>>
APP真机测试及发布
查看>>
通知机制 (Notifications)
查看>>
10 Things You Need To Know About Cocoa Auto Layout
查看>>
一个异步网络请求的坑:关于NSURLConnection和NSRunLoopCommonModes
查看>>