jquery实现代码$(function(){ var sWidth = $("#slider_name").width(); var len = $("#slider_name .silder_panel").length; var index = 0; var picTimer; var btn = "PrevNext"; $("#slider_name").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_name .prev,#slider_name .next").css({"opacity":"0.2","filter":"alpha(opacity=20)"}).hover(function(){ $(this).stop(true,false).animate({"opacity":"0.6","filter":"alpha(opacity=60)"},300); },function() { $(this).stop(true,false).animate({"opacity":"0.2","filter":"alpha(opacity=20)"},300); }); // Prev $("#slider_name .prev").click(function() { index -= 1; if(index == -1) {index = len - 1;} showPics(index); }); // Next $("#slider_name .next").click(function() { index += 1; if(index == len) {index = 0;} showPics(index); }); // $("#slider_name .silder_con").css("width",sWidth * (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; $("#slider_name .silder_con").stop(true,false).animate({"left":nowLeft},300); $("#slider_name .silder_nav li").removeClass("current").eq(index).addClass("current"); $("#slider_name .silder_nav li").stop(true,false).animate({"opacity":"0.5"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); $("#slider_name .silder_intro").stop(true,false).animate({"opacity":"0"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); }});
文件目录······
暂无数据
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)