.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就可以