一個簡單的、基于jQuery的圖片燈箱JS插件:Image-Box
一個簡單的、基于jQuery的圖片燈箱JS插件。其實本來只是想寫給博客用的,因為 Material Design Lite 沒有圖片燈箱效果,就手動擼了一個簡單的比較初級的,類似Materialize的燈箱效果那樣的JS插件出來。遵循Apache Public Lincense開源。
使用方法:
1.在 header 引入 jQuery,ImageBox.css,ImageBox.js:
<link rel="stylesheet" type="text/css" href="ImageBox.css"> <script src="jquery.min.js"></script> <script src="ImageBox.js"></script>
2.為需要使用燈箱效果的圖片添加"ImageBox"的Class:
<img src="233.jpg" class="ImageBox">
如果一個DIV層中有很多圖片,可以使用jQuery代碼批量添加“ImageBox”的Class:
<script> $("div img").addClass("ImageBox"); </script>
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!