最近很容易可以看到這個效果,也就是當您點選網頁中的圖片或連結時,背景會立即變暗並且出現 Loading… 然後跳出一個美美的方框顯示圖片或網頁,這種效果就叫做 Lightbox,底下收集了一些許多人開發或修改的 Lightbox,通常都會有 Demo,看個人喜好選擇囉。
http://www.huddletogether.com/projects/lightbox2/
‧Lightbox JS
典型也是最常見的一個,目前也出了 2.0 版,不過似乎只能顯示圖片而已。
‧ThickBox
這個也是很常見,可以顯示圖片、網頁,並且可指定方框的大小,推薦。
‧Greased Lightbox
提供裝在瀏覽器的擴充套件,平常看圖片時就會有 Lightbox 效果。
.GreyBox
這個就厲害了,除了可以用於圖片和網頁外、連 flash、影片都可以顯示在 Lightbox 彈出的方框裡面。
‧Lightbox Gone Wild!
也是可以顯示網頁、圖片,效果還不錯。
来源:http://www.joy100.com/article.asp?id=120
分享到:
相关推荐
在网页设计中,jQuery Lightbox效果插件是用于创建引人入胜的图像、视频和多媒体展示的重要工具。这些插件通常提供一个简洁且优雅的方式来显示全屏或弹出式的媒体内容,允许用户在不离开当前页面的情况下进行浏览。...
这个"各种BOXLINE效果集合"的压缩包很可能是各种Lightbox效果的示例集,开发者可以通过查看和比较这些示例,找到最适合自己项目需求的Lightbox实现。在实际应用中,可以将这些代码片段整合到自己的网站中,或者作为...
Lightbox:收集一些用于展示各种内容的Lightbox控件,这些Lightbox常具有功能包括:自动根据窗口的大小缩放图片,模式窗口,幻灯片方式播放,内容预加载,渐变等效果。试用于zencart,wordpress!
在"收集的一些Jquery效果[图片展示、滚动]等特效"这个资源包中,包含了用于创建视觉吸引人的网页元素的各种jQuery插件和代码示例,特别是与图片展示和滚动效果相关的功能。 1. **图片展示**: - 在网页设计中,...
这些插件可以实现类似于Facebook-style的lightbox效果,展示images、divs或者整个远程页面。其中的一些插件还可以创建模式对话框,或者用于创建提示工具。 总的来说,这些插件都是基于jQuery开发的,可以通过简单的...
【标题】"带留言的餐厅网站模板" 是一款专为餐厅设计的网页模板,它集成了国外大气的设计风格和美食元素,旨在为餐厅...同时,这个模板还提供了留言功能,可能包含评论、预订或联系表单,有助于与顾客互动并收集反馈。
38个jquery经典特效,适合用于美化网页效果;包括tab,menu,弹出提示框,蒙层效果,图片显示效果shadowbox,lightbox,表单验证等等,收集不易,上传共享
3. **FaceBox**:这是一个基于jQuery的轻量级弹窗插件,类似于lightbox效果。它展示了如何扩展jQuery的功能,以及如何处理图片、链接等内容的显示和隐藏。 4. **Grooveshark Widget Creator**:通过jQuery创建...
22.jquery实现LightBox图片点击放大效果的图片盒子插件 23.jQuery实现slider图片滚动,单个滚动,成组滚动示例 24.jQuery实现产品图片循坏旋转的代码 25.jQuery实现动态图文分组排序切换源码 26.jQuery实现...
这个CSS文件为Lightbox组件提供样式,使得弹出的图片视图具有优雅的过渡效果和用户友好的界面。 3. **details.html**:这是一个产品详情页面的源码,通常用于展示单个产品的信息,包括图片、描述、价格、规格等。这...
JavaScript用于添加交互功能,如导航菜单的切换、图片轮播、轻量级弹窗(lightbox)等,增强了用户体验。CSS则用于定义页面布局、颜色、字体等样式,确保整个页面的美观和一致性。 响应式设计是此模板的一大亮点,...
这个压缩包包含了78个常用的jQuery插件,其中28个是个人收集的,这些插件能帮助开发者在网站开发中实现各种功能,提高效率并提升用户体验。 1. **导航和菜单插件**:jQuery提供了丰富的导航和菜单插件,如jQuery UI...
而对于摄影展示,可能使用了滑动展示或者轻量级的图片库插件,如Lightbox,让用户在大图模式下欣赏照片。 总的来说,这个HTML5模板集合了现代网页设计的最佳实践,包括响应式设计、交互性、优化的性能以及对各种...
在这个"jQuery插件集合"中,我们收集了jQuery的一些常用插件,涵盖了多个领域的应用。 1. **UI组件** - **Datepicker**:用于日期选择,提供多种格式化选项和事件处理。 - **Accordion**:折叠面板,有助于组织和...
`nivo-lightbox`通常是一个轻量级的JavaScript库,用于创建弹出式的图像画廊效果。它可以让用户在点击网页上的图像后,以放大并可浏览的模式查看多张图片,增强用户的浏览体验。 `fonts`文件夹可能包含自定义字体...
6. **相册展示**:相册功能通常利用JavaScript库如Fancybox或Lightbox,结合CSS3实现优雅的图片展示效果。这包括图片预加载、缩放、滑动等交互。 7. **文件管理与优化**:由于文件大小可能影响网站加载速度,对MP3...
2. **lightbox.css**:Lightbox是一种常见的网页设计技术,用于在用户点击图像时以弹出窗口的形式全屏显示大图。这个CSS文件包含了实现这一效果所需的样式,如半透明背景、图像缩放动画以及关闭按钮等设计元素。 3....
- **LightBox**:灯箱效果,用于放大图像或其他媒体内容。 - **Log**:日志组件,记录系统或用户活动。 - **Media**:媒体播放器,支持音频和视频播放。 - **MegaMenu/Menu/Menubar/MenuButton/MenuItem**:菜单组件...