AJAX设计模式之Lightbox---图片和网页外、连 flash、影片都可以显示在 Lightbox 弹出的方框里面

原创 2007年10月03日 11:51:00
==========================================================
什么是Lightbox?看了下面的例子你就会明白:

http://www.cnbruce.com/test/lightbox/

以下文章为引用:

Lightbox的效果类似于WinXP操作系统的注销/关机对话框,除去屏幕中心位置的对话框,其他的区域都以淡出的效果逐渐变为银灰色以增加对比度,此时除了对话框内的表单控件,没有其他区域可以获取焦点。 

Lightbox的作用则相当于从前只在IE中被支持的"Modal Dialog";现在在FireFox也可用window.open(url, name, " modal=yes ");

来实现同样的效果。使用"Modal Dialog"将限制用户的操作于弹出的对话框中,只有完成设定好的操作后方才关闭。在一些逻辑敏感的应用中强制吸引用户的注意力以防止用户的误操作导致程序逻辑淆乱。 

其实 Lightbox 并不新鲜,在前年Ajax未诞生之前,它是以 "Inline Popup"的名号出现的。诞生的原因是因为屏蔽弹出窗口的技术纷纷被浏览器采用,而浏览器厂商间也没有一个统一的 Popup 解决方案。当时我记得还有一些说"Inline Popup"破解了弹出窗口屏蔽的报道。 

"Inline Popup" 并不被很多人关注,不过我还是发现国内的163信箱去年改版推出的时候大量使用了此效果。Ajax 名正言顺之时,"Inline Popup"也重装再现了,并换了一个有美感的名字 "Lightbox"。 

第一次使用WinXP的时候,关机时的阴暗渐变效果让我颇为惊艳。利用Lightbox引导用户的注意力完成预先设定的操作,良好的对比度效果营造温和的视觉氛围。相信在当前交互界面日益接近桌面的Web应用中,Lightbox 也将会成为Ajax的重要设计模式之一。

使用方法: 
http://www.huddletogether.com/projects/lightbox2/

==========================================================



Lightbox JS
典型也是最常见的一个,目前2.0 版,不过似乎只能显示图片而已。

ThickBox
这个也是很常见,可以显示图片、网页,并且可指定方框的大小,推荐。

Greased Lightbox
提供装在浏览器的扩充套件,平常看图片时就会有 Lightbox 效果。

GreyBox
这个就厉害了,除了可以用于图片和网页外、连 flash、影片都可以显示在 Lightbox 弹出的方框里面。

Lightbox Gone Wild!
也是可以显示网页、图片,效果还不错。  

Lightbox图片放大插件,jQuery弹出层放大插件

Lightbox图片放大插件,jQuery弹出层放大插件 example-1"> example-2" title="沈荣荣"> example-set" title...

jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果

一、BxCarousel实现图片滚动切换 BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件,特征主要有: ◆ 可以指定显示的元素总数 ◆ 可以指定每次滚动的元素个数 ...

jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果

一、BxCarousel实现图片滚动切换 BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件,特征主要有: ◆ 可以指定显示的元素总数 ◆ 可以指定每次滚动的元素个数...

Ajax弹出层插件Lightbox的应用实例

  • 2009年09月07日 08:22
  • 58KB
  • 下载

弹出对话框层蒙版-基于lightbox-me插件

如题。         最近希望能够做一个弹出层,这个弹出层可以用来代替原生的alert。         这个弹出层可以根据自己的需要来自定义。整个结构和样式都可以重写。         这是官方主...

网站开发常用jQuery插件总结(二)弹出层插件Lightbox_me

修改后的网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆、注册、设置等窗口。而这些窗口就是层,弹出的窗口就是弹出层。jQuery中弹出层插件很多,但有些在html5+css3浏...

lightbox弹出窗口背景变灰代

  • 2016年01月08日 22:36
  • 79KB
  • 下载

使用 Lightbox 2 和 JavaScript 构建出色的图片库

使用简单的 JavaScript 库创建带有自定义控件的漂亮图片 Web 逐渐成为一种展示艺术的媒介。Web 页面是展示各种图片的主要工具,包括业余摄影爱好者拍的普通相片和专业艺术馆制作的精美图片...
  • Truong
  • Truong
  • 2014年03月28日 21:35
  • 1520
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:AJAX设计模式之Lightbox---图片和网页外、连 flash、影片都可以显示在 Lightbox 弹出的方框里面
举报原因:
原因补充:

(最多只允许输入30个字)