当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Clearbox 3:很酷的仿Lightbox脚本

Javascript
在js中使用"with"语句中跨frame的变量引用问题
原型方法的不同写法居然会影响调试的解决方法
在JavaScript中遭遇级联表达式陷阱
JScript内置对象Array中元素的删除方法
获取JavaScript用户自定义类的类名称的代码
使用TextRange获取输入框中光标的位置的代码
使用onbeforeunload属性后的副作用
IE7提供XMLHttpRequest对象为兼容
encode脚本和normal脚本混用的问题与解决方法
用js判断用户浏览器是否是XP SP2的IE6
关于使用runtimeStyle属性问题讨论文章
javascript学习随笔(使用window和frame)的技巧
javascript学习随笔(编写浏览器脚本 Navigator Scripting )
跑马灯效果大全
让超链接显示提示信息的js代码
打开超链需要“确认”对话框的方法
javascript的对话框详解与参数
让网页上的超链接失效,不能点击的js代码
鼠标经过时链接文字的特别震撼的显示效果
显示页面的所有链接的js代码

Javascript 中的 Clearbox 3:很酷的仿Lightbox脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 570 ::
收藏到网摘: n/a

LightBox是一个很酷的,也是很有用的js脚本,可以很方便的查看页面中的图片。但是自从Lightbox诞生之后,一大批的仿Lightbox的脚本就不断涌现,其中不乏优秀的完全超越Lightbox的作品,我们之前也收集过《 10个最佳Mootools Lightbox效果脚本收集》和《 10个最佳jQuery Lightbox效果插件收集》今天就向大家介绍一下 clearbox 3,它在实现lightbox基本功能的同时,也有很多创新之处。

Clearbox 是一个独立的脚本,不依赖其它JS库或框架。它有很多个部分组成,包括core文件,语言包,以及配置文件,但是你使用的时候只需要引入一个接口文件clearbox.js就可以了。

clearbox有以下特性:

  • 图片自动播放;
  • 图片旋转;
  • 鼠标滚轮切换图片;
  • 自动检测媒体格式;
  • 多语言支持(目前官方尚未提供中文语言包,不过语言包设置非常简单,只需在简单配置language/目录下新加一个语言文件夹比如cn,然后将翻译好的cb_language.js文件放进去就可以。)

Clearbox支持媒体格式:

  • 图片格式:BMP, GIF, JPG, JPEG, PNG
  • 视频格式:AVI, MOV, MPG, MPEG, WMV
  • 音频格式:MP3, WAV, WMA
  • Flash: SWF
  • 内联内容: inner#id
  • HTML内容:通过href添加任何HTML文件
  • Iframe 内容:可以通过iframe嵌套任何页面

从中可以看出,clearbox是一款很强大的Lightbox软件,它可以实现你所需要的各项功能。

查看Demo | 到官方下载 | 查看详细教程

但是,很少有很完美的东西,虽然clearbox很强大,现在我们越来越强调网站性能,而clearbox却调用了多个js文件,这显然会增加网站的HTTP请求数量,从而影响网站的整体性能,所以我建议在使用的时候,可以采取一些措施对其脚本进行必要的合并和压缩。

这里就简单介绍这么多,希望了解更多的童鞋可到官方网站查询,如有疑问也可以在本文的评论中交流