jQuery弹出层插件LIGHTBOX

所属分类:UI-弹出层

 97586  512  查看评论 (40)
分享到微信朋友圈
X
jQuery弹出层插件LIGHTBOX ie兼容6

说明文档   引入资源,(JQ1.3+)和JS文件.

<script type="text/javascript" src="js/jquery.min.js"></script>
  <!--lightbox开始-->
  <link rel="stylesheet" type="text/css" href="js/lightbox/themes/default/jquery.lightbox.css" />
  <!--[if IE 6]>
 <link rel="stylesheet" type="text/css" href="js/lightbox/themes/default/jquery.lightbox.ie6.css" />
<![endif]-->
  <script type="text/javascript" src="js/lightbox/jquery.lightbox.min.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function($){
      $('.lightbox').lightbox();
    });
  </script>
  <!--结束-->


<a href="images/a1.jpg" class="lightbox">这是一个最简单的弹层</a>
<a href="images/a1.jpg" class="lightbox" rel="pic">数组类设置属性"rel"</a>
<a href="images/a1.jpg" class="lightbox" rel="pic">数组类设置属性"rel"</a>
<a href="images/a1.jpg" class="lightbox" rel="pic">数组类设置属性"rel"</a>
<a href="images/a1.jpg?lightbox[width]=400&lightbox[height]=400" class="lightbox">弹出层固定大小</a>
<a href="images/a1.jpg?lightbox[maximized]=true" class="lightbox">弹出层随浏览器窗口滚动</a>
<a href="test.html?lightbox[width]=350&lightbox[height]=170" class="lightbox">弹出层加载html文件,注意需要指定层大小</a>
<a href="http://player.youku.com/player.php/sid/XNzU0NjEzODU2/v.swf?lightbox[width]=700&lightbox[height]=400" class="lightbox">弹出层加载swf视频文件,注意需要指定层大小</a>
相关插件-弹出层

各种弹窗alert

jquery弹窗
  弹出层
 67480  374

jQuery弹出层插件LIGHTBOX

这款lightbox,可应用于图片、swf文件、html文件等等.
  弹出层
 97587  512

jQuery多功能图片弹窗插件pirobox

点击图片列表中的图片会放大,并可以随意切换
  弹出层
 38221  380

一款简单实用的弹窗插件JMask(原创)

JMask是一款遮罩插件,其小巧灵活,在项目开发中方便实用。使用方式也特别简单,只需要引入一个js文件,该插件基于JQuery开发,所以使用之前需要引入JQuery文件。
  弹出层
 39178  361

讨论这个项目(40)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    土匪 0
    2019/4/23 10:47:39
    不是给你源码? 回复
    飞翔的企鹅、掉坑里了 0
    2019/4/18 9:41:40
    太坑了 不是源码 回复
    多多(ES企画) 0
    2018/10/17 17:38:56
    不好用,HTML那个点击后提示ajax error 404 ,这是什么原因呢? 回复
    迷恋午后的光 0
    2018/4/19 20:21:42
    这个插件怎么手动关闭html弹出框 回复
    小白(?_?) 0
    2018/2/24 14:09:12
    g(3q($.1r.3n)>1.2)
    版本1.11.1 小于 1.2 然后用的是live 源码还是加密压缩的 ・・・・・・・・・・ 醉了
    回复
    yanyui 0
    2017/11/27 15:58:33
    赞啊                   回复
    。。。 0
    2017/11/10 14:08:43

    视频怎么放上去呢?

        自招0
        2018/3/20 16:31:37
        同问
    回复
    易志强 0
    2017/10/29 2:58:22

    已经买了,但是这个js源码这么是压缩的啊,有没有没压缩的源码啊,这个用的JQuery版本太低了啊

    回复
    大智会展览 0
    2017/9/19 19:38:32

    不好用,HTML那个点击后提示ajax error 404 

    回复
    ジ橙の俐 0
    2017/7/20 9:19:03

    版主,请问jquery有升级吗?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复