Html
    Css
    Js

    
                        
#full-screen-slider {
	width:500px;
	position:relative;
	height:400px;
}
#slides {
	display:block;
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	height:260px;
}
#slides li {
	display:block;
	width:100%;
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	height:260px;
	position:absolute;
}
#slides li a {
	display:block;
	width:100%;
	height:100%;
	height:300px;
	text-indent:-9999px;
}
#pagination {
	display:block;
	list-style:none;
	position:absolute;
	top:340px;
	z-index:9900;
	padding:5px 15px 5px 0;
	margin:0;
	text-align:center;
	width:100%;
}
#pagination li {
	display:inline-block;
	list-style:none;
	width:10px;
	height:10px;
	margin:0 5px;
	border-radius:5px;
	background:#FFF
}
#pagination li a {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
#pagination li.current {
	background:#0092CE;
}
.title_left {
	float:left;
}
.title_right {
	float:right;
}
.title_disc {
	background:url(../images/disc1/png);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.8.3
 立即下载

jQuery轮播图

更新时间:2020-11-28 00:20:30

0