一對一直播系統原始碼，軟體首頁輪播圖輪播效果

一對一直播系統原始碼，軟體首頁輪播圖輪播效果實現的相關程式碼

css部分

.banner{
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
}
.nav{
width: 300%;
height: 200px;
position: absolute;
top: 0;
left: 0;
}
.nav .nav_box{
width: 33.33%;
height: 200px;
float: left;
}
.nav .nav_box img{
width: 100%;
height: 100%;
}

div部分

<div class="banner">
<div class="nav">
<div class="nav_box">
<img src="imgs/banner.jpg" >
</div>
<div class="nav_box">
<img src="imgs/banner2.jpg" >
</div>
<div class="nav_box">
<img src="imgs/banner3.jpg" >
</div>
</div>
</div>

jquery部分

var num=1,clear,p=0;
function moves(){
  // $("nav").eq(p=(num-1)).addClass("lunbo").siblings().removeClass("lunbo")
num++;
if(num==3){
num=1;
};
$(".nav").animate({left:"-100%"},3000,function(){
$(".nav_box").eq(0).appendTo(".nav");
$(".nav").css("left","0px");
});
}

clear=setInterval(moves,3000);

以上就是一對一直播系統原始碼，軟體首頁輪播圖輪播效果實現的相關程式碼， 更多內容歡迎關注之後的文章