标签：jQuery function 插件 main img timer next btn 图片
使用方法引用js插件和css样式表
HTML结构很简单
1 2 3 4 5js调用实现触屏滑动图片切换$(".img_gallery").hover(function(){ $("#btn_prev,#btn_next").fadeIn() },function(){ $("#btn_prev,#btn_next").fadeOut() }); $dragBln = false; $(".main_img").touchSlider({ flexible : true, speed : 200, btn_prev : $("#btn_prev"), btn_next : $("#btn_next"), paging : $(".point a"), counter : function (e){ $(".point a").removeClass("on").eq(e.current-1).addClass("on");//图片顺序点切换 $(".img_font span").hide().eq(e.current-1).show();//图片文字切换 } }); $(".main_img").bind("mousedown", function() { $dragBln = false; }); $(".main_img").bind("dragstart", function() { $dragBln = true; }); $(".main_img a").click(function(){ if($dragBln) { return false; } }); timer = setInterval(function(){ $("#btn_next").click(); }, 5000); $(".img_gallery").hover(function(){ clearInterval(timer); },function(){ timer = setInterval(function(){ $("#btn_next").click(); },5000); }); $(".main_img").bind("touchstart",function(){ clearInterval(timer); }).bind("touchend", function(){ timer = setInterval(function(){ $("#btn_next").click(); }, 5000); });
dd:
标签：jQuery,function,插件,main,img,timer,next,btn,图片 来源： https://blog.csdn.net/amohan/article/details/122104979
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。