Html
    Css
    Js

    
                        
.clearfix:after {
	content:"\200B";
	display:block;
	height:0;
	clear:both;
}
.clearfix {
	*zoom:1;
}
a {
	text-decoration:none;
}
li {
	list-style:none;
}
.light {
	width:650px;
	height:350px;
	margin:100px auto 0 auto;
	position:relative
}
.light>ul {
	width:650px;
	height:350px;
	padding:0
}
.light>ul>li {
	position:absolute;
	display:none;
	width:650px;
	height:350px
}
.light>ul>li:first-child {
	display:block
}
.light>ul>li>img {
	width:100%;
	height:100%
}
.slideLeft,.slideRight {
	color:#fff;
	height:50px;
	width:25px;
	background:rgba(0,0,0,0.5);
	line-height:50px;
	text-align:center;
}
.slideLeft {
	position:absolute;
	left:0px;
	top:150px;
}
.slideRight {
	position:absolute;
	right:0px;
	top:150px;
}

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

呼吸轮播(原创)

修改图片即可,随意引入一个标准jquery就可以

0