* { padding:0; margin:0; } li { list-style:none; } .slide_wp { width:720px; height:520px; margin:20px auto; border:2px solid #e31414; position:relative; text-align:center; overflow:hidden; } img { width:720px; height:520px; } ul.img_wp a { display:block; } ul.img_wp li { float:left; } ul.img_wp { width:10000px; } ol { display:inline-block; position:relative; bottom:45px; background-color:#ccc; padding:0px 3px 5px; border-radius:15px; } ol li { display:inline-block; width:14px; height:14px; background-color:#f21010; border-radius:50%; margin:0 4px; vertical-align:middle; } ol li.on { width:16px; height:16px; background-color:#0fed28; } button.handle_btn { position:absolute; width:40px; height:30px; top:50%; } button.handle_btn.right_btn { right:5px; } button.handle_btn.left_btn { left:5px; }
可以自动轮播,鼠标滑过时停止