jQuery仿京东商城焦点图广告轮播代码

一款美观实用的jQuery仿京东商城焦点图广告轮播代码，带左右箭头按钮和索引按钮控制切换的幻灯片广告图片切换特效。

js代码
<scripttype="text/javascript"src="js/jquery-1.11.3.min.js"></script>
<scripttype="text/javascript">
$(function(){
varcount=0;
var$li=$("#slider>ul>li");
$(".next").click(function(){
count++;
if(count==$li.length){
count=0;
}
$li.eq(count).fadeIn().siblings().fadeOut();
$(".slider_iconi").eq(count).addClass("btn_act").siblings().removeClass('btn_act');
console.log(count);
});
$(".prve").click(function(){
count--;
if(count==-1){
count=$li.length-1;
}
console.log(count);
$li.eq(count).fadeIn().siblings().fadeOut();
$(".slider_iconi").eq(count).addClass("btn_act").siblings().removeClass('btn_act');
});
$(".slider_iconi").mouseenter(function(){
$(this).addClass('btn_act').siblings().removeClass("btn_act");
$li.eq($(this).index()).fadeIn().siblings().fadeOut();
count=$(this).index();
});
});
</script>



下载

2023-11-22 23:23 上传

点击文件名下载附件
售价: 3 金币  [记录]  [购买]