| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

一个简单的、基于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>

项目主页:http://www.open-open.com/lib/view/home/1441032999050

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1441032999050.html
Image-Box 图片展示jQuery插件 jQuery插件