ionic Toggle(切換開關)


  翻譯結果:

ionic是輕量的手機UI庫,具有速度快,介面現代化、美觀等特色。為了解決其他一些UI庫在手機上運行緩慢的問題,它直接放棄了IOS6和Android4.1以下的版本支持,來獲取更好的使用體驗。

ionic Toggle(切換開關)語法

切換開關類似與 HTML 的 checkbox 標籤,但它更容易在行動裝置上使用。

ionic Toggle(切換開關)範例


<頭>
<元字元集=“utf-8”>
;
PHP中文網(php.cn)

;
</頭>
<正文>

<div class="bar bar-header">
切換
<ul class="list"> <li class="item item-toggle"> HTML5 <標籤類別=“切換切換正”> <輸入類型=“複選框”檢查=“”> <div class="track"> <div class="handle"></div>
</標籤> </li> <li class="item item-toggle"> CSS3 <標籤類別=“切換切換平靜”> <輸入類型=“複選框”檢查=“”> <div class="track"> <div class="handle"></div>
</標籤> </li> <li class="item item-toggle"> Flash播放器 <標籤類別=“切換切換平衡”> <輸入類型=“複選框”> <div class="track"> <div class="handle"></div>
</標籤> </li> <li class="item item-toggle"> Java 小程式 <標籤類別=“切換切換通電”> <輸入類型=“複選框”> <div class="track"> <div class="handle"></div>
</標籤> </li> <li class="item item-toggle"> JavaScript <標籤類別=“切換切換斷言”> <輸入類型=“複選框”檢查=“”> <div class="track"> <div class="handle"></div> </標籤> </li> <li class="item item-toggle"> 銀光 <標籤類別=“切換切換皇家”> <輸入類型=“複選框”> <div class="track"> <div class="handle"></div> </標籤> </li> <li class="item item-toggle"> 網路元件 <標籤類別=“切換切換-暗”> <輸入類型=“複選框”檢查=“”> <div class="track"> <div class="handle"></div> </標籤> </li> </ul> </正文>
運行實例 »

點擊“運行實例” " 按鈕查看線上實例

熱門推薦

首頁

影片

問答