图片左右滚动(按钮点击)

最新推荐文章于 2023-06-13 14:24:42 发布

HelloStarnger

最新推荐文章于 2023-06-13 14:24:42 发布

阅读量421

点赞数

分类专栏： js/jauery 文章标签： function scroll

本文链接：https://blog.csdn.net/f438952359/article/details/7740847

版权

js/jauery 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

$(function(){
 /************************************图片滚动*********************************/
 var DY_scroll =function(show,prev,next,img,speed,or){ 
	  var img = $(img).find('ul');
	  var w = img.find('li').outerWidth(true);
	 $(next).click(function()
		   {
			img.animate({'margin-left':-w},function()
					  {
					   img.find('li').eq(0).appendTo(img);
					   img.css({'margin-left':0});
					   });
			});
	 $(prev).click(function()
		   {
			img.find('li:last').prependTo(img);
			img.css({'margin-left':-w});
			img.animate({'margin-left':0});
			});
	  if (or == true)
	  {
	   ad = setInterval(function() { $(next).click();},speed*1000);
	   $(show).hover(function(){clearInterval(ad);},function(){ad = setInterval(function() { $(next).click();},speed*1000);});
	  }
	 }
	 /************************************调用图片滚动*********************************/
 DY_scroll('.projects_show','.project_left','.project_right','.project_center',3,true);// true为自动播放，不加此参数或false就默认不自动,project_left:左边按钮，project_right：邮编按钮，project_center图片显示区，projects_show：外框
})