dreamweaver图片轮播

这里有一个参考代码<br>&lt;!DOCTYPE html&gt;<br>&lt;html&gt;<br><br> &lt;head&gt;<br> &lt;meta charset=&quot;utf-8&quot;&gt;<br> &lt;title&gt;Hello MUI&lt;/title&gt;<br> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no&quot;&gt;<br> &lt;meta name=&quot;apple-mobile-web-app-capable&quot; content=&quot;yes&quot;&gt;<br> &lt;meta name=&quot;apple-mobile-web-app-status-bar-style&quot; content=&quot;black&quot;&gt;<br><br> &lt;!--标准mui.css--&gt;<br> &lt;link rel=&quot;stylesheet&quot;  &lt;!--App自定义的css--&gt;<br> &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot;  &lt;/head&gt;<br><br> &lt;body&gt;<br> &lt;header class=&quot;mui-bar mui-bar-nav&quot;&gt;<br> &lt;a class=&quot;mui-action-back mui-icon mui-icon-left-nav mui-pull-left&quot;&gt;&lt;/a&gt;<br> &lt;h1 class=&quot;mui-title&quot;&gt;下方悬浮标题&lt;/h1&gt;<br> &lt;/header&gt;<br> &lt;div class=&quot;mui-content&quot;&gt;<br> &lt;ul class=&quot;mui-table-view mui-table-view-chevron&quot;&gt;<br> &lt;li id=&quot;switch&quot; class=&quot;mui-table-view-cell&quot;&gt;<br> 定时轮播<br> &lt;!--&lt;div class=&quot;mui-switch&quot;&gt;<br> &lt;div class=&quot;mui-switch-handle&quot;&gt;&lt;/div&gt;<br> &lt;/div&gt;--&gt;<br> &lt;/li&gt;<br> &lt;/ul&gt;<br> &lt;div id=&quot;slider&quot; class=&quot;mui-slider&quot;&gt;<br> &lt;div class=&quot;mui-slider-group mui-slider-loop&quot;&gt;<br> &lt;!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) --&gt;<br> &lt;div class=&quot;mui-slider-item mui-slider-item-duplicate&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/yuantiao.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;静静看这世界&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;div class=&quot;mui-slider-item&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/shuijiao.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;幸福就是可以一起睡觉&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;div class=&quot;mui-slider-item&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/muwu.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;想要一间这样的木屋，静静的喝咖啡&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;div class=&quot;mui-slider-item&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/cbd.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;Color of SIP CBD&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;div class=&quot;mui-slider-item&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/yuantiao.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;静静看这世界&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) --&gt;<br> &lt;div class=&quot;mui-slider-item mui-slider-item-duplicate&quot;&gt;<br> &lt;a  &lt;img src=&quot;../images/shuijiao.jpg&quot;&gt;<br> &lt;p class=&quot;mui-slider-title&quot;&gt;幸福就是可以一起睡觉&lt;/p&gt;<br> &lt;/a&gt;<br> &lt;/div&gt;<br> &lt;/div&gt;<br> &lt;div class=&quot;mui-slider-indicator mui-text-right&quot;&gt;<br> &lt;div class=&quot;mui-indicator mui-active&quot;&gt;&lt;/div&gt;<br> &lt;div class=&quot;mui-indicator&quot;&gt;&lt;/div&gt;<br> &lt;div class=&quot;mui-indicator&quot;&gt;&lt;/div&gt;<br> &lt;div class=&quot;mui-indicator&quot;&gt;&lt;/div&gt;<br> &lt;/div&gt;<br> &lt;/div&gt;<br> &lt;/div&gt;<br> &lt;/body&gt;<br> &lt;script src=&quot;../js/mui.min.js&quot;&gt;&lt;/script&gt;<br> &lt;script&gt;<br> // alert(&quot;!!!!!&quot;);<br> var slider = mui(&quot;#slider&quot;);<br> slider.slider({<br> interval: 5000<br> });<br><br> &lt;/script&gt;<br>&lt;/html&gt;

---

　　下载一个软件，叫amazingslider，非常简单。剩下的就不用我教你了吧。