个人博客：
纯CSS3实现模拟焦点轮播效果，支持JQ等扩展各项功能。废话少说，直接贴代码。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> 5 <meta name="format-detection" content="telephone=no"/> 6 <meta name="apple-mobile-web-app-capable" content="yes"/> 7 <meta charset="UTF-8"> 8 <title>纯CSS焦点轮播</title> 9 <link rel="stylesheet" href="css/index.css"/> 10 </head> 11 <body> 12 <div class="focus_img"> 13 <ul class="img_list"> 14 <li><img src="images/swape1.jpg" alt=""/></li> 15 <li><img src="images/swape2.jpg" alt=""/></li> 16 <li><img src="images/swape3.jpg" alt=""/></li> 17 <li><img src="images/swape4.jpg" alt=""/></li> 18 <li><img src="images/swape5.jpg" alt=""/></li> 19 </ul> 20 <ul class="img_index"> 21 <li class="one">1</li> 22 <li class="two">2</li> 23 <li class="three">3</li> 24 <li class="four">4</li> 25 <li class="five">5</li> 26 </ul> 27 </div> 28 </body> 29 <script src="js/jquery-1.11.3.js"></script> 30 <script src="js/index.js"></script> 31 </html>