LightWindow：支持多种媒体显示的Lightbox灯箱特效
时间：2010-05-24 来源：酷站代码
LightWindow是一款基于Prototype，类似于Lightbox灯箱效果的JS特效。其特点在于高度可定制，支持多种媒体显示(photo,swf,pdf,html,Movie)，效果特别棒，推荐试用！
一、代码使用
1.在<head>区加入以下代码
<!-- CSS --> <link rel="stylesheet" type="text/css" href="css/default.css" /> <link rel="stylesheet" type="text/css" href="css/lightwindow.css" /> <!-- JavaScript --> <script type="text/javascript" src="javascript/prototype.js"></script> <script type="text/javascript" src="javascript/effects.js"></script> <script type="text/javascript" src="javascript/lightwindow.js"></script>
2. 在超链接<a>(hyperlink)标签里，你可以改变如下属性。
params="lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2"
可选属性如下：
- lightwindow_width // 窗口的宽度
- lightwindow_height // 窗口的高度
- lightwindow_show_images // 在一个画廊里一次性要展示的图片的数量,默认是 1, 这很方便声明不管你是在设置前还是在设置后
- lightwindow_top // 设置窗口距顶部的整数距离
- lightwindow_left // 设置窗口距左边的整数距离
- lightwindow_type // 指定窗口要指定的数据类型, external, image, media, inline
- lightwindow_loading_animation // Set to false to opt to not fade out the Loading Cover（缓冲条动画的相关设置）
- lightwindow_iframe_embed // 嵌入一个媒体到框架内，而不是嵌入到一个div标签内
- lightwindow_form // 表单的名字
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
-
HTML
CSS
JavaScript
Dreamweaver
Fireworks
设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
- CSS酷站 网上购物 设计团队 设计博客