博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery(入门篇)无缝滚动
阅读量:6503 次
发布时间:2019-06-24

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

    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

jquery(入门篇)无缝滚动

 

说明

function scroll(){     $(".content ul").animate({"margin-left":"-110px"},function(){     //这个是让整个ul先向前滑动个li ,如果要一次性滑动5个~那么就是550px.    //想向上滚动就改成 $(".content ul").animate({"margin-top":"-105px"}    //想向下滚动就改成 $(".content ul").animate({"margin-top":"105px"}    //想向右滚动就改成 $(".content ul").animate({"margin-left":"110px"}         $(".content ul li:eq(0)").appendTo($(".content ul"))         $(".content ul").css({"margin-left":0})    //对应这的这边    //想向上滚动就改成 $(".content ul").animate({"margin-top":0}    //想向下滚动就改成 $(".content ul").animate({"margin-top":0}    //想向右滚动就改成 $(".content ul").animate({"margin-left":0}     })     }        setInterval(scroll,1000)    //这上面的是1000是滚动的速度,可以自己调整

 

 因为总是有新手们问我这些比较入门的东西所以我干脆写个博客了

转载地址:http://zdmyo.baihongyu.com/

你可能感兴趣的文章
自适应网页设计
查看>>
获取BT节点信息bittorrent-discovery
查看>>
Centos 7使用vsftpd搭建FTP服务器
查看>>
linux下SVN不允许空白日志提交
查看>>
第2周第1课
查看>>
山寨c 标准库中的getline 函数
查看>>
shell时间
查看>>
pfSense book之2.4安装指南
查看>>
org.springframework.data.redis 一次连接获取特定key所有k-v(pipeline)
查看>>
[译稿]同步复制提议 2010-09
查看>>
windows 自动化目录大纲(各企业架构不一样,按需选择)
查看>>
我的友情链接
查看>>
【Visual C++】游戏开发笔记十三 游戏输入消息处理(二) 鼠标消息处理
查看>>
我的友情链接
查看>>
Java 使用 Redis
查看>>
JPA常用注解
查看>>
Java基础学习总结(1)——equals方法
查看>>
Maven学习总结(6)——Maven与Eclipse整合
查看>>
HTML5:理解head
查看>>
oracle
查看>>