网页图片和窗口特效lightbox最常应用插件

文章简介:jQuery强大的地方,在于您不需要任何JS基础,就可以做出炫丽的特效。而lightbox又最常应用于图片、窗口等地。收集了15个最常应用插件,分享给同样需求旺盛的童鞋们。

jQuery强大的地方,在于您不需要任何JS基础,就可以做出炫丽的特效。而lightbox又最常应用于图片、窗口等地。收集了15个最常应用插件,分享给同样需求旺盛的童鞋们。

Lightview jQuery Plug-in
Lightview was built to change the way you overlay content on a website.

TopUp
TopUp is an easy to use JavaScript library for unobtrusively displaying images and Web pages in a Web 2.0 approach of pop-up. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

Highslide Lightbox Plug-in
Highslide JS is an image, media and gallery viewer written in JavaScript.

Color Box
A lightweight customizable lightbox plug-in for jQuery 1.3+

Lightbox 2
Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It"s a snap to set up and works on all modern browsers.

prettyPhoto
prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also supports videos, flash, YouTube, frames and Ajax. It’s a full blown media lightbox.

Slimbox 2
Slimbox 2 is a 4 KB visual clone of the popular Light box 2 script by Lokesh Dhaka, written using the jQuery JavaScript library.

Shadowbox
Shadowbox is a web-based media viewer application that supports all of the web"s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.

Pirobox Extended V.1.0.
One of the most important things with this plug-in is the ability to open any kind of file, from inline content to .swf files, from simple images to .pdf files.

Other things are: automatic image resizing and drag and drop.

GreyBox
GreyBox can be used to display websites, images and other content in a beautiful way.

jQuery Super Box
jQuery Super box! Is a script which allows you to display windows with the lightbox effect.

This script is a plug-in for jQuery (1.3.x).

Fancy Box
Fancy Box is a tool for displaying images, HTML content and multimedia in a Mac-style "light box" that floats overtop of web page.

Pirobox Extended V.1.1.
Pirobox Extended V.1.1 advanced version, Zoom In option with dragable image viewer for large dimension images.

jQuery Lightbox Plug-in
JQuery lightbox plug-in is simple, elegant, and unobtrusive, no need for extra markup, and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

Ceebox
An overlay pop-up script for easily embedding flash video, displaying images, or showing HTML (either external sites via iframe or content on your own site via AJAX).

时间: 2024-08-30 09:20:46

网页图片和窗口特效lightbox最常应用插件的相关文章

14款经典网页图片和文字特效的jQuery插件-前端开发必备_jquery

不废话了,直接贴图片了,亲们可以点击查看演示和下载源码哦. 经典1.网页图片3d旋转jQuery代码 查看演示  下载插件 经典2.存css3实现的tabl选项卡代码 查看演示 下载插件 经典3.jQuery标签旋转代码 查看演示  下载插件 经典4.鼠标悬浮的图片选项卡代码 查看演示  下载插件 经典5.鼠标往下滚动时文字变大的css3代码 查看演示  下载插件 经典6.动画标签云网页代码 查看演示  下载插件 经典7.css3文字晃动代码 查看演示  下载插件 经典8.css3幻灯片代码 查

CSS网格布局:制作网页图片幻灯图库特效

文章简介:这里我们指导您使用网格布局来创建一个图片游览库的灯箱效果.我们使用网格布局组织页面的内容,和用媒体查询来优化布局,用于横屏竖屏都能查看.在竖屏中,浏览器高度大于其宽度,在横屏中,浏览器宽度大于其高度. 毫无疑问,当开发人员谈到网页布局时会有很多选择.为了确保你的布局可以适应不同设备.方向和屏幕大小,你需要慎重考虑清楚,你要使用哪些方法来布局.网格布局是一个新的布局方法,使你可以把网页的主要区域在游览器窗口内设置一个固定大小或者自由空间,你也可以两个同时使用. 因为网格布局使用您能够根据

网页图片不显示的原因

网页图片显示不出来,主要有2个原因,一个是网络原因(包括我们的上网速度,以及网站所在服务器的网络速度);另外一个是我们电脑浏览器的设置问题(比如设置不当,或者遭病毒破坏等). 既然我们找到的网页图片不能显示可能的大致原因,那么解决问题就有了方向,我们采用排除法.从简单入手,首先我们使用杀毒软件对电脑进行一次全盘扫描,以便排除电脑病毒的问题.如果查杀到病毒,清除后问题解决了,那么多半是病毒问题引起的.如果查杀病毒后图片不能显示故障依旧,那么我们重点查看网络问题,方法可以这样:先换一个需要验证码的注

网页图片特效小技巧

技巧|特效|图片特效|网页 这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句.css滤镜代码,加上简单的javascript语句实现的,简单有趣,可以作为帮助一些朋友javascript入门的小例子. 图片循环渐显渐隐 效果描述:图片循环渐显渐隐-- 实现方法: 1.把如下代码加入<body>区域中: <img src="http://www.webjx.com/htmldata/2005-05-25/image1.gif" name="u"

网页图片特效技巧小总结

技巧|特效|图片特效|网页 这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句.css滤镜代码,加上简单的javascript语句实现的,简单有趣,可以作为帮助一些朋友javascript入门的小例子. 图片循环渐显渐隐 效果描述:图片循环渐显渐隐-- 实现方法: 1.把如下代码加入<body>区域中: <img src="http://www.webjx.com/htmldata/2006-02-27/image1.gif" name="u"

大话“龟兔赛跑”--网页对象隐藏的特效

对象|网页 大家都听过"龟兔赛跑"的故事吧,你们知道吗?比赛过后,小白兔跑输给乌龟的故事很快地传遍了森林.动物们都把这件事当笑话讲,兔子们都气得直瞪眼,不再理睬那只不争气的小白兔.小白兔呢,则躲在家里伤心,发奋要学习一门技术来名扬海内外,动动脑筋,报名参加了计算机培训班.小白兔到培训班从计算机基础开始学起,学会了Windows XP.Office XP,还学会网页三剑客,自己买了电脑,日夜兼程地制作了一个"兔子王国"网站.动物们这下可热闹了,为了不落伍,纷纷学起了电

用Dreamweaver MX建设神奇网页图片超链接

dreamweaver|链接|网页 大家在打开带有图片的网页时,有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接,这种技术我们称之为-网页图片热区. 下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程. 一.在Dreamweaver MX中为图片建立热区 1.启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时"属性"面板自动切换到"图片属性&

Dreamweaver MX建网页图片超链接

dreamweaver|链接|网页 下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程.    一.在Dreamweaver MX中为图片建立热区     1.启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时"属性"面板自动切换到"图片属性"状态(如图1).     2.选中一种热区类型(如"椭圆"),然后在图片上拖来出一个热区来(

鼠标单击连接在网页中弹出提示窗口特效代码

网页特效代码,当在网页中用鼠标单击连接时,在网页中弹出个性提示小窗口.效果相当不错哦! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>提