- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title></title>
- <script type="text/javascript" src="js/jquery.min.js"></script>
- <script type="text/javascript" src="js/amazeui.legacy.js"></script>
- <script type="text/javascript" src="js/amazeui.js"></script>
- <script type="text/javascript" src="js/amazeui.widgets.helper.js"></script>
- <script type="text/javascript" src="js/app.js"></script>
- <script type="text/javascript" src="js/handlebars.min.js"></script>
- <script type="text/javascript" src="js/polyfill/rem.min.js"></script>
- <script type="text/javascript" src="js/polyfill/respond.min.js"></script>
- <link rel="stylesheet" href="css/amazeui.css" />
- <link rel="stylesheet" href="css/admin.css" />
- <link rel="stylesheet" href="css/amazeui.flat.css" />
- <link rel="stylesheet" href="css/app.css" />
- <script type="text/javascript">
- $(function(){
- $('.am-slider').flexslider({
- playAfterPaused: 3000,
- animation: "fade",
- animationLoop: true,
- smoothHeight: true,
- animationSpeed: 4000
- });
- });
- </script>
- </head>
- <body>
- <div class="am-slider am-slider-default">
- <ul class="am-slides">
- <li><img src="img/1.jpg"></li>
- <li><img src="img/2.jpg"></li>
- <li><img src="img/3.jpg"></li>
- <li><img src="img/4.jpg"></li>
- </ul>
- </div>
- </body>
- </html>
AmazeUI图片轮播
最新推荐文章于 2022-07-18 11:29:00 发布