jq图片切换问题，想要把滚动改为淡入淡出，求代码！

发布网友发布时间：2022-04-21 05:18

共2个回答

热心网友时间：2022-06-18 04:35

给你写了个jquery的需要手动加载jquery插件

=======================js部分===========================
<script>
$(function(){
i=0;
n=$(".box").children().length;
time=setInterval("xianyin()",10000);//设置自动播放时间一万毫秒（10秒）
//time=window.clearInterval(time);//清除自动播放
})
function xianyin() {
i=i+1;
//alert(i);
$(".box li").hide();
$(".box li:eq("+i+")").fadeIn(500);//设置透明度变化快慢为500毫秒，删除这个数字即无透明度变化效果
if(i==n-1){
i=-1;
}

}
</script>

=======================css部分===========================

<style>
.box {
position:relative;
}
.box>li {
display:none;
}
</style>

=======================html部分===========================

<div class="box">
<li style="display:block;">1<img src="1.jpg" /></li>
<li>2<img src="2.jpg" /></li>
<li>3<img src="3.jpg" /></li>
<li>4<img src="4.jpg" /></li>
<li>5<img src="5.jpg" /></li>
</div>

热心网友时间：2022-06-18 04:36

去懒人资源库搜一下很多很好的资源，