各种 lightbox 实现效果介绍

作者:阿木 来源:gotog.cn 时间:2007-11-06 19:16:00 

这里列出了13种实现图片或网页内容 lightbox 效果的方法,大部分是链接到各种lightbox作者的英文页面,里面都有源代码下载。

Thickbox - 基于 jQuery,支持 AJAX,轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k,目前还可作为 WordPress 的插件使用。

GreyBox - 创建 iframe 的弹出界面,可使用图片、HTML 及 URL,大小约为 20k。

GreyBox Redux - 基于 jQuery,比 GreyBox 更轻。

Lightbox v2.0 - 最初是为了显示图片设计的,使用了 prototype 和 sciptaculous,所以有些沉重,但对于图片来说很好用。Lightbox v2.0中文介绍页面

Lightbox with moo.fx - 基于 prototype,但只能用于图片。

Lightbox Gone Wild - modal 模式窗口的 lightbox,可使用 html、表单及图片,也是基于 prototype 的,所以有一些 heavy。

Multi-faceted LIghtbox - 又一个基于 prototype 的,不过这个为各种可用于 lightbox 的数据类型提供了选项。

Leightbox - 和 Lightbox Gone Wild 很相似,只是 Leightbox 以 html 方式存放内容,所以可以被搜索引擎索引到。

xilinus - 使用简单,基于 prototype,很容易定制,可使用多种内容选项。

Lightbox Plus - 可以自动根据窗口的大小缩放图片。

Suckerfish Hover Lighbox - 和传统的 lightbox 不一样,它在打开 lightbox 的时候,还可以点击访问页面上的其它元素。

Litebox - 这是 Lightbox 的另一个版本,代码量减少了,使用了 moo.fx 和 prototype-lite,如果页面需要减肥的话,可以选择这个。

LITBox - 使用类写的 lightbox,所以可以创建多个对象实例,并且单独进行控制。基于 Thickbox。

标签:lightbox,Thickbox,jQuery,prototype
0
投稿

猜你喜欢

  • Javascript中的arguments对象

    2024-04-30 09:50:54
  • SQL Server导出表到EXCEL文件的存储过程

    2009-01-06 11:24:00
  • Python将字符串常量转化为变量方法总结

    2023-07-14 00:36:58
  • Anaconda安装pytorch和paddle的方法步骤

    2021-04-17 18:21:59
  • go自动下载所有的依赖包go module使用详解

    2024-04-28 10:49:48
  • mysql事务和隔离级别底层原理浅析

    2024-01-28 03:19:35
  • 关于使用python对mongo多线程更新数据

    2021-08-22 22:07:12
  • Python wxPython库消息对话框MessageDialog用法示例

    2022-06-15 15:31:57
  • python xmind 包使用详解(其中解决导出的xmind文件 xmind8可以打开 xmind2020及之后版本打开报错问题)

    2022-10-01 17:23:57
  • JavaScript 放大镜 移动镜片效果代码

    2023-08-13 08:24:08
  • python实现神经网络感知器算法

    2021-03-06 11:23:39
  • Python打印输出数组中全部元素

    2022-08-07 19:35:12
  • Javascript异步流程控制之串行执行详解

    2024-04-19 09:56:49
  • 注册表单之电子邮箱

    2008-08-19 17:58:00
  • 在Python的Flask框架中使用日期和时间的教程

    2022-08-14 21:13:09
  • 如何利用SQL Server来发送电子发邮件?

    2010-01-01 15:37:00
  • 解决Pytorch修改预训练模型时遇到key不匹配的情况

    2022-11-29 15:43:43
  • ASPJPEG组件简要攻略之水印、缩略图和描边代码

    2008-12-17 12:08:00
  • 使用 tke-autoscaling-placeholder 实现秒级弹性伸缩的方法

    2022-05-08 00:29:15
  • Python3多线程爬虫实例讲解代码

    2021-01-10 21:45:28
  • asp之家 网络编程 m.aspxhome.com