一对一直播系统源码，软件首页轮播图轮播效果

一对一直播系统源码，软件首页轮播图轮播效果实现的相关代码

css部分

 

1

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

​div部分

 

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

jquery部分

 

1

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

 

clear=setInterval(moves,3000);

以上就是一对一直播系统源码，软件首页轮播图轮播效果实现的相关代码， 更多内容欢迎关注之后的文章