这里有一个参考代码<br><!DOCTYPE html><br><html><br><br> <head><br> <meta charset="utf-8"><br> <title>Hello MUI</title><br> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no"><br> <meta name="apple-mobile-web-app-capable" content="yes"><br> <meta name="apple-mobile-web-app-status-bar-style" content="black"><br><br> <!--标准mui.css--><br> <link rel="stylesheet" <!--App自定义的css--><br> <link rel="stylesheet" type="text/css" </head><br><br> <body><br> <header class="mui-bar mui-bar-nav"><br> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a><br> <h1 class="mui-title">下方悬浮标题</h1><br> </header><br> <div class="mui-content"><br> <ul class="mui-table-view mui-table-view-chevron"><br> <li id="switch" class="mui-table-view-cell"><br> 定时轮播<br> <!--<div class="mui-switch"><br> <div class="mui-switch-handle"></div><br> </div>--><br> </li><br> </ul><br> <div id="slider" class="mui-slider"><br> <div class="mui-slider-group mui-slider-loop"><br> <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) --><br> <div class="mui-slider-item mui-slider-item-duplicate"><br> <a <img src="../images/yuantiao.jpg"><br> <p class="mui-slider-title">静静看这世界</p><br> </a><br> </div><br> <div class="mui-slider-item"><br> <a <img src="../images/shuijiao.jpg"><br> <p class="mui-slider-title">幸福就是可以一起睡觉</p><br> </a><br> </div><br> <div class="mui-slider-item"><br> <a <img src="../images/muwu.jpg"><br> <p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p><br> </a><br> </div><br> <div class="mui-slider-item"><br> <a <img src="../images/cbd.jpg"><br> <p class="mui-slider-title">Color of SIP CBD</p><br> </a><br> </div><br> <div class="mui-slider-item"><br> <a <img src="../images/yuantiao.jpg"><br> <p class="mui-slider-title">静静看这世界</p><br> </a><br> </div><br> <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) --><br> <div class="mui-slider-item mui-slider-item-duplicate"><br> <a <img src="../images/shuijiao.jpg"><br> <p class="mui-slider-title">幸福就是可以一起睡觉</p><br> </a><br> </div><br> </div><br> <div class="mui-slider-indicator mui-text-right"><br> <div class="mui-indicator mui-active"></div><br> <div class="mui-indicator"></div><br> <div class="mui-indicator"></div><br> <div class="mui-indicator"></div><br> </div><br> </div><br> </div><br> </body><br> <script src="../js/mui.min.js"></script><br> <script><br> // alert("!!!!!");<br> var slider = mui("#slider");<br> slider.slider({<br> interval: 5000<br> });<br><br> </script><br></html>
下载一个软件,叫amazingslider,非常简单。剩下的就不用我教你了吧。
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....