Lightbox弹出层插件：jQuery弹出层插件用法

最新推荐文章于 2026-03-27 02:44:25 发布

原创

最新推荐文章于 2026-03-27 02:44:25 发布 · 2.6k 阅读

标签

#Lightbox #lightbox #Lightbox弹出层插件 #lightbox图片弹出 #js弹出层插件

收录于

本文介绍了jQuery Lightbox弹出层插件的使用，该插件适用于展示图片、SWF和HTML内容。插件配置包括设置覆盖层颜色、透明度、按钮图片等，并提供了键盘快捷键操作，如'n'切换下一张，'p'切换上一张，'c'关闭弹出层。同时提供了一个实例网站www.nongyejing.com作为参考。

插件描述：这款lightbox,可应用于图片、swf文件、html文件等等。

说明文档 :

1.引入资源，(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();
    });
  </scri