个人博客:

http://mcchen.club


 

 

纯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>
View Code

相关文章:

  • 2022-02-26
  • 2022-12-23
  • 2021-10-11
  • 2022-12-23
  • 2022-01-10
猜你喜欢
  • 2022-02-01
  • 2022-01-11
  • 2021-12-02
  • 2021-06-08
  • 2022-12-23
  • 2021-11-24
相关资源
相似解决方案