jquery京东商城首页焦点图jquery京东商城首页焦点图是一款基于jquery-powerSwitch插件制作的网站焦点图特效。jquery图片切换数字按钮淡入淡出 所属专题：焦点图代码
<script>
// 大的图片广告
// 根据图片创建id,按钮元素等，实际开发建议使用JSON数据类似
var htmlAdBtn = '';
$("#jdAdSlide img").each(function(index, image) {
var id = "adImage" + index;
htmlAdBtn = htmlAdBtn + '<a href="javascript:" class="jd_ad_btn_a" data-rel="'+ id +'">'+ (index + 1) +'</a>';
image.id = id;
});
$("#jdAdBtn").html(htmlAdBtn).find("a").powerSwitch({
eventType: "hover",
classAdd: "active",
animation: "fade",
autoTime: 5000,
onSwitch: function(image) {
if (!image.attr("src")) {
image.attr("src", image.attr("data-src"));
}
}
}).eq(0).trigger("mouseover");
// 便民服务
$("#servNav a").powerSwitch({
classAdd: "active",
eventType: "hover",
onSwitch: function() {
$("#pointLine").animate({ "left": $(this).position().left}, 200);
}
});
</script>
jquery特效实现京东商城首页焦点图由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/10319.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
兼容IE8的jQuery幻灯片切换代码
jQuery全屏banner图片切换焦点图简洁代码
基于slick幻灯片插件制作的一款jQuery背景图片切换效果
jQuery带视觉差效果幻灯片代码
jQuery多种切片过渡动画幻灯片代码