www.gusucode.com > 【T752】食品白酒红酒酒类企业织梦模板源码程序 > 【T752】食品白酒红酒酒类企业织梦模板/templets/twj/Public/js/gallery/slider/jquery.slides.js
$(function(){ var sWidth = $("#slider_name").width(); var len = $("#slider_name .silder_panel").length; var index = 0; var picTimer; var btn = "<a class='prev'>Prev</a><a class='next'>Next</a>"; $("#slider").append(btn); $("#slider_name .silder_nav li").css({"opacity":"0.6","filter":"alpha(opacity=60)"}).mouseenter(function() { index = $("#slider_name .silder_nav li").index(this); showPics(index); }).eq(0).trigger("mouseenter"); $("#slider .prev,#slider .next").css({"opacity":"0.4","filter":"alpha(opacity=20)"}).hover(function(){ $(this).stop(true,false).animate({"opacity":"0.9","filter":"alpha(opacity=60)"},300); },function() { $(this).stop(true,false).animate({"opacity":"0.4","filter":"alpha(opacity=20)"},300); }); // Prev $("#slider .prev").click(function() { index -= 1; if(index == -1) {index = len - 1;} showPics(index); }); // Next $("#slider .next").click(function() { index += 1; if(index == len) {index = 0;} showPics(index); }); // $("#slider_name .silder_con").css("width",sWidth * (len)); $("#slider_name .silder_nav").css("width",198 * (len)); // mouse $("#slider_name").hover(function() { clearInterval(picTimer); },function() { picTimer = setInterval(function() { showPics(index); index++; if(index == len) {index = 0;} },3000); }).trigger("mouseleave"); // showPics function showPics(index) { var nowLeft = -index*sWidth; var moveLeft = - (index-4)*186; $("#slider_name .silder_con").stop(true,false).animate({"left":nowLeft},300); $("#slider_name .silder_nav li").removeClass("current").eq(index).addClass("current"); if(index >4){ $("#slider_name .silder_nav").animate({"left": moveLeft},100) }else{ $("#slider_name .silder_nav").animate({"left": 0},100) } $("#slider_name .silder_nav li").stop(true,false).animate({"opacity":"0.5"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); } });