Jane Shopping
本项目运用了jQuery和css技术，实现了放大镜，弹出层显示大图，切换不同的背景颜色等技术效果。 轮播
jquery
$
(function
() {
var len
= $
(".num > li").length
;
var index
= 0;
var adTimer
;
$
(".num li").mouseover(function
() {
index
= $
(".num li").index(this);
showImg(index
);
}).eq(0).mouseover();
$
('.ad').hover(function
() {
clearInterval(adTimer
);
}, function
() {
adTimer
= setInterval(function
() {
showImg(index
)
index
++;
if (index
== len
) { index
= 0; }
}, 1000);
}).trigger("mouseleave");
})
function
showImg(index
) {
var adHeight
= $
(".ad").height();
$
(".slider").stop(true, false).animate({ top
: -adHeight
* index
}, 100);
$
(".num li").removeClass("on")
.eq(index
).addClass("on");
}
