jQuery Layer mobile 彈出層


layer mobile是為移動設備(手機、平板等webkit內核瀏覽器/webview)量身定做的彈層支撐,采用Native JavaScript編寫,完全獨立於PC版的layer,您需要按照場景選擇使用。

  1. 無需依賴任何庫,只加載layer.m.js即可

  2. 小巧玲瓏,性能卓越、柔情似水…

  3. 具備無以倫比的自適應功能

  4. 靈活的皮膚自定義支撐,充分確保彈層風格多樣化

  5. 豐富、科學的接口,讓彈彈彈層無所不能

  6. 版本Layer mobile1.8

  7. 作者:閑心賢

  8. github

在線實例

實例預覽 layer彈層組件移動版演示

實例預覽 layer彈層組件移動版在線DEMO

參考手冊

實例預覽 layer彈層組件移動版API

引入文件

  1. <link href="layer.css" type="text/css" rel="stylesheet">
  2. <script src="layer.js">
復制

使用方法

  1. <a onclick="test();" href="javascript:;">點擊詢問框</a>
  2. <script>
  3. function test() {
  4. layer.open({
  5. content: '你是想確認呢,還是想取消呢?',
  6. btn: ['確認', '取消'],
  7. shadeClose: false,
  8. yes: function() {
  9. layer.open({
  10. content: '你點了確認',
  11. time: 1
  12. });
  13. },
  14. no: function() {
  15. layer.open({
  16. content: '你選擇了取消',
  17. time: 1
  18. });
  19. }
  20. });
  21. }
  22. </script>
復制

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM