jQuery插件之——彈窗框(模態框)leanModal

1.首先在網上下載jquery.leanModal.min.js,添加到你的頁面
參考網址:
https://blog.csdn.net/NTDDLIN...css

LeanModal.js下載地址:jquery

http://leanmodal.finelysliced...spa

clipboard.png

2.在你是css文件裏編寫模態框的樣式.net

clipboard.png

3.編寫在模態框出現的內容,開始設置內容爲不可見,就是 display:none(樣式內容省略)blog

clipboard.png

4.點擊你要出現彈窗的元素 添加a標籤的href=「你編寫的模態框的id」ip

clipboard.png

5.在js文件裏添加屬性
top:屬性是指離上邊框的距離
overlay:指的是彈框的背景透明度(值越大就越不透明)
clipboard.png
6.效果get

clipboard.png

相關文章
相關標籤/搜索