基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

jQuery焦点图轮播插件HappyImage是一款轻量级的轮播图效果，左右滑动和淡出淡入两种图片轮播效果。

js部分：

$(document).ready(function(){
$('#select_btn li:first').css('border','none');
if ($('#zSlider').length) {
zSlider();
$('#h_sns').find('img').click(function(){
$(this).fadeTo(200,0.5);
}, function(){
$(this).fadeTo(100,1);
});
}
function zSlider(ID, delay){
var ID=ID?ID:'#zSlider';
var delay=delay?delay:5000;
var currentEQ=0, picnum=$('#picshow_img li').size(), autoScrollFUN;
$('#select_btn li').eq(currentEQ).addClass('current');
$('#picshow_img li').eq(currentEQ).show();
$('#picshow_tx li').eq(currentEQ).show();
autoScrollFUN=setTimeout(autoScroll, delay);
function autoScroll(){
clearTimeout(autoScrollFUN);
currentEQ ;
if (currentEQ>picnum-1) currentEQ=0;
$('#select_btn li').removeClass('current');
$('#picshow_img li').hide();
$('#picshow_tx li').hide().eq(currentEQ).slideDown(400);
$('#select_btn li').eq(currentEQ).addClass('current');
$('#picshow_img li').eq(currentEQ).show();
autoScrollFUN = setTimeout(autoScroll, delay);
}
$('#picshow').click(function(){
clearTimeout(autoScrollFUN);
}, function(){
autoScrollFUN = setTimeout(autoScroll, delay);
});
$('#select_btn li').click(function(){
var picEQ=$('#select_btn li').index($(this));
if (picEQ==currentEQ) return false;
currentEQ = picEQ;
$('#select_btn li').removeClass('current');
$('#picshow_img li').hide();
$('#picshow_tx li').hide().eq(currentEQ).slideDown(100);
$('#select_btn li').eq(currentEQ).addClass('current');
$('#picshow_img li').eq(currentEQ).show();
return false;
});
};
})