jQuery左右滑动

最新推荐文章于 2024-08-27 16:05:08 发布

小沈要努力

最新推荐文章于 2024-08-27 16:05:08 发布

阅读量550

点赞数

分类专栏：实训总结文章标签： jquery

本文链接：https://blog.youkuaiyun.com/LH0420/article/details/108897759

版权

实训总结专栏收录该内容

19 篇文章

订阅专栏

该博客介绍了如何利用jQuery库来实现页面元素的左右滑动功能，通过按下左右按钮，可以平滑地切换内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery

jQuery左右滑动：

 $(function(){
              	var left=0;
              	var right=2;
              	$(".goRight").click(function(){
              		right--;
              		if(right<0){
              			right=2;
              		}
              		$(".prolist_content").animate({
              			"left":(-584)*right+"px"
              		});
              	})
              	$(".goLeft").click(function(){
              		left++;
              		console.log(left);
              		if(left>=3){
              			left=0;
              		}
              	$(".prolist_content").animate({
              		"left":(-584)*left+"px"
              	});
              	})
              })