jquery3图并列焦点图代码

一款带切换按钮的每屏3图自动轮播特效，兼容主流浏览器。$(".picimglink").css("text-decoration", "none");$(".picimglink").bind({ mouseenter: function() { $(this).children("span").animate({ bottom: "0px" }, 500) }, mouseleave: function() { $(this).children("span").clearQueue().animate({ bottom: "-30px" }, 500) }});var biZhiDelayLoadImg = $("#bigSlideUl img");var biZhiDelayLoadImgLength = biZhiDelayLoadImg.length;for (var i = 3; i < biZhiDelayLoadImgLength; i++) { var curDelayImg = biZhiDelayLoadImg.eq(i); if (curDelayImg.attr("srch")) { curDelayImg.attr("src", curDelayImg.attr("srch")); curDelayImg.removeAttr("srch") }}var _focus_num = $("#smallSlideUl > li").length;var _focus_direction = true;var _focus_pos = 0;var _focus_max_length = _focus_num * 720;var _focus_li_length = 720;var _focus_dsq = null;var _focus_lock = true;function autoExecAnimate() { $("#mypic" + _focus_pos).addClass("info-cur").siblings("li.info-cur").removeClass("info-cur"); var moveLen = _focus_pos * _focus_li_length; $("#bigSlideUl").animate({ left: "-" + moveLen + "px" }, 600); if (_focus_pos == (_focus_num - 1)) { _focus_direction = false } if (_focus_pos == 0) { _focus_direction = true } if (_focus_direction) { _focus_pos++ } else { _focus_pos-- }}_focus_dsq = setInterval("autoExecAnimate()", 6000);$("#smallSlideUl > li").hover(function() { _focus_pos = parseInt($(this).attr("sid")); if (_focus_lock) { clearInterval(_focus_dsq); _focus_lock = false } $("#mypic" + _focus_pos).addClass("info-cur").siblings("li.info-cur").removeClass("info-cur"); var moveLen = _focus_pos * _focus_li_length; $("#bigSlideUl").stop(true, true).animate({ left: "-" + moveLen + "px" }, 600)},function() { if (_focus_lock == false) { _focus_dsq = setInterval("autoExecAnimate()", 6000); _focus_lock = true }});$("#bigSlideUl").hover(function() { if (_focus_lock) { clearInterval(_focus_dsq); _focus_lock = false }},function() { if (_focus_lock == false) { _focus_dsq = setInterval("autoExecAnimate()", 6000); _focus_lock = true }});$(".pic-list2 li").hover(function() { $(this).addClass("hover").siblings().removeClass("hover")},function() { $(this).removeClass("hover")});

在线演示        积分下载        6毛下载        砍两刀下载