導航添加依據 http://amazeui.org/javascript 下面內容屬學習筆記,若有理解誤差和錯誤請留言相告,感謝!* =(官網這塊寫的很詳細)javascript
一 、UI加強java
1.警告框 顯示可關閉的頁內警告信息。 在 Alert 最外層元素上添加 data-am-alert
。工具
2.按鈕交互 *學習
a.按鈕Loading狀態 ui
b.單按鈕狀態切換spa
c.複選框code
d.單選框事件
3.摺疊面板圖片
4.下拉組件ip
5.模態窗口
6.彈出框
7.加載進度條
基本使用:調用 start()
、 done()
控制進度條的開始與結束。
$.AMUI.progress.start();
$.AMUI.progress.done();
設置百分比: 調用 .set(n)
能夠設置進度百分比, n 的取值區間爲 0..1
。
$.AMUI.progress.set(0.0); // Sorta same as .start()
$.AMUI.progress.set(
0.4);
$.AMUI.progress.set(1.0); // Sorta same as .done()
增長進度: 調用 .inc()
,進度將會增長一個隨機的數量,但不會到達 100%。
$.AMUI.progress.inc();
強制結束: 傳遞 true
給 done()
,強制顯示進度條(默認狀況是若是沒有 .start(),.done() 執行任何操做)。
$.AMUI.progress.done(true);
獲取進度值: 使用 .status
屬性。
8.圖片輪播
9.側邊欄
10.滾動偵測
11.滾動偵測導航
12.平滑滾動
13.固定元素
14.選項卡
2、實用工具
1.Cooick
2.FastClick
3.全屏切換
4.觸控事件
5.iScroll