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

Javascript
给初学者提供几本学习js值得看的书
Javascript----文件操作
Vml+Js算法:完成5个小球在网页运动(碰壁返回)的游戏,详细注释
Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了
判断客户浏览器是否支持cookie
几种常用的表单输入判断
CSDN无限级树数据库版(ASP+ACCESS)
JavaScript 寫遊戲 : 俄羅斯方塊
JavaScript 寫遊戲 : 搬吖
JavaScript 遊戲 : 貪吃蛇
JavaScript 寫時鍾日曆
VML:经典的图片叠加效果(灰色调)
一个简单的仿xp的js下拉菜单
JScript 寫 sortNode
关于javascript中数组元素删除问题的讨论
IE中非模式对话框(showModelessDialog)应用
Dhtml:用ondrag事件简单的实现鼠标拖动物件.
对WebUI技术感兴趣的说

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 218 ::
收藏到网摘: 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请求数量,从而影响网站的整体性能,所以我建议在使用的时候,可以采取一些措施对其脚本进行必要的合并和压缩。

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