博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQ简单实现无缝滚动
阅读量:7001 次
发布时间:2019-06-27

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

$(function(){
$("ul li:lt(5)").clone().appendTo("ul"); var $width = $("ul li:lt(5)").width() * 4; var currIndex = 0; $("#next").click(function(){
if(currIndex == 2){
currIndex = 0; $("ul").css("left",0); } currIndex++; $("ul").stop().animate({left:$width * currIndex * -1},500); }); $("#prev").click(function(){
if(currIndex == 0){
currIndex = 2; $("ul").css("left",2 * $width * -1); } currIndex--; $("ul").stop().animate({left:$width * currIndex * -1},500); }); $("ul>li").hover(function(){
$(this).children().eq(1).stop().animate({top:0},400); },function(){
$(this).children().eq(1).stop().animate({top:240},400); }); });

转载于:https://www.cnblogs.com/ypengbk/p/5902590.html

你可能感兴趣的文章
回首大学过往的时光所感
查看>>
IT生活
查看>>
Linux配置开机启动项
查看>>
socket编程(一)
查看>>
javascript获取select的值
查看>>
网线制作方法-RJ45
查看>>
超酷的幻灯片:CU3ER
查看>>
mybatis中的java.sql.SQLException: ORA-00942: 表或视图不存在
查看>>
java学习笔记----数据类型,变量,常量
查看>>
我的友情链接
查看>>
Vncserver Shared Desktop
查看>>
浅谈OSPF
查看>>
iPhone5出世 移动恐再次与其擦身而过
查看>>
2015年投资回顾
查看>>
OpenGL学习笔记1 —— 画点
查看>>
配置防盗链
查看>>
mysql主从同步,半同步,组复制,MHA高可用配置及读写分离
查看>>
三、Spring Boot在org.springframework.boot组下应用程序启动器
查看>>
AngularJs 基础教程 —— 控制器
查看>>
Python面试题不可不防的十大陷阱
查看>>