国产精品亚洲lv粉色-狼人青草久久网伊人-一区二区精品视频在线观看-国产靠逼视频-日本天天射-懂色av懂色av粉嫩av分享吧-国产特级黄色片-亚洲九九九九-操操操.com-国产激情高中生呻吟视频-最近中文字幕日本-国内精品久久久久久99-成年人在线观看视频-免费在线观看视频a-久久午夜国产-天天谢天天干-一区在线播放

彈性動態(tài)響應式提示框特效代碼下載

  • 1636
  • 0
  • 0
彈性動態(tài)響應式提示框特效代碼下載- 素材8

響應，輕巧，快速，與CSS動畫同步，完全可定制的模態(tài)窗口插件
使用方法

在頭部分包含dist文件夾中的CSS文件：

  1. <link rel="stylesheet" href="dist/remodal.css">
  2. <link rel="stylesheet" href="dist/remodal-default-theme.css">
復制代碼

在</ body>之前的dist文件夾中包含JS文件：

  1. <script src ="dist/remodal.min.js"> </script>
復制代碼

您可以為模態(tài)定義背景容器（如模糊效果）。它可以是任何簡單的內(nèi)容包裝器：

  1. <div class =“remodal-bg”>
  2. ...頁面內(nèi)容...
  3. </ DIV>
復制代碼

現(xiàn)在創(chuàng)建模態(tài)對話框：

  1. <div class="remodal" data-remodal-id="modal">
  2.   <button data-remodal-action="close" class="remodal-close"></button>
  3.   <h1>Remodal</h1>
  4.   <p>
  5.     Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
  6.   </p>
  7.   <br>
  8.   <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
  9.   <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
  10. </div>
復制代碼

不要使用ID屬性，如果你想避免錨跳，用data-remodal-id.

所以，現(xiàn)在你可以用哈希函數(shù)調(diào)用它：

  1. <a href="#modal">Call the modal with data-remodal-id="modal"</a>
復制代碼

或：

  1. <a data-remodal-target="modal">Call the modal with data-remodal-id="modal"</a>
復制代碼
選項

您可以使用data-remodal-options屬性傳遞其他選項。

  1. <div class="remodal" data-remodal-id="modal"
  2.   data-remodal-options="hashTracking: false, closeOnOutsideClick: false">
  3.   <button data-remodal-action="close" class="remodal-close"></button>
  4.   <h1>Remodal</h1>
  5.   <p>
  6.     Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
  7.   </p>
  8.   <br>
  9.   <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
  10.   <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
  11. </div>
復制代碼
彈性動態(tài)響應式提示框特效代碼下載
  • NaiHe 剛剛下載了一個素材
  • 豐豐富富 剛剛下載了一個素材
  • 月亮是我啃彎的o 剛剛下載了一個素材
  • 領帆網(wǎng)絡李巖15357913151 剛剛下載了一個素材
  • 李迎波 剛剛下載了一個素材
  • qqvWK7 剛剛下載了一個素材
  • 沒找好下家還不知道叫啥 剛剛下載了一個素材
  • 晨暉 剛剛下載了一個素材
  • 紫冰之蕭 剛剛下載了一個素材
  • 保持清醒！ 剛剛下載了一個素材
  • 光明使者 剛剛下載了一個素材
  • 04388 剛剛下載了一個素材
  • 你還會回來吧 剛剛下載了一個素材
  • R5450 剛剛下載了一個素材
  • MM4649 剛剛下載了一個素材
分享者：
分享者頭像
小編
熱門素材推薦
HTML素材網(wǎng)，HTML5模板，網(wǎng)頁特效 微信公眾賬號二維碼 淘寶店鋪地址二維碼
Copyright©2025  素材8  Powered by 智伙伴科技
   魯ICP備14029286號-5 魯公網(wǎng)安備37060202001967號
返回頂部返回頂部
發(fā)布主題
工布江达县| 城固县| 望城县| 烟台市| 乐山市| 西宁市| 江安县| 五台县| 石门县| 吉木乃县| 连江县| 西青区| 长汀县| 和硕县| 乌苏市| 义乌市| 镇坪县| 沙湾县| 旌德县| 丘北县| 马关县| 商南县| 扬中市| 砚山县| 安康市| 陵川县| 福贡县| 塔城市| 石河子市| 眉山市| 新竹县| 彰化市| 宜章县| 绥宁县| 齐河县| 龙游县| 疏勒县| 阳东县| 大洼县| 江达县| 玉林市|