* { margin:0; padding:0; } ul,ol { list-style:none; } #play { width:500px; height:300px; margin:20px auto; position:relative; overflow:hidden; } #play #ul { position:absolute; } #play #ul li { float:left; } #play #ul li img { width:500px; height:300px; } #play #ol { position:absolute; top:500px; left:350px; } #play #ol li { width:10px; height:10px; border-radius:50%; border:2px solid green; float:left; margin:5px; } #play button { position:absolute; top:120px; font-size:50px; display:none; } #play #prev { left:10px; } #play #next { right:10px; } .bg { background:red; }
jQuery库没有具体要求,复制代码可以直接使用,把图片替换成自己的就行。