菜单

LIGHT BOX效果JS大集合(Jquery相关)

2010年04月8日 - jquery

1. Shadowbox http://mjijackson.com/shadowbox/(经典)

<link rel=”stylesheet” type=”text/css” href=”shadowbox.css” media=”screen”>
<script type=”text/javascript” src=”jquery-1.4.1.min.js”></script>
<script type=”text/javascript” src=”shadowbox.js”></script>
<script type=”text/javascript”>Shadowbox.init({overlayOpacity: 0.3});</script>

<a rel="shadowbox[Mixed];" href="myimage.jpg">jpg</a><a rel="shadowbox[Mixed];width=520;height=390" href="myswf.swf">swf</a><a rel="shadowbox[Mixed];width=292;height=218" href="mymovie.mp4">movie</a><a rel="shadowbox[Mixed]" href="mywebsite.html">iframe</a>

——————————————————————————————————————-

2. LightWindow v2.0 http://stickmanlabs.com/lightwindow/

3. FancyBox http://fancy.klade.lv/

4. prettyPhoto www.no-margin-for-errors.com/projects/prettyPhoto/

        <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>         <script type="text/javascript" charset="utf-8">		$(document).ready(function(){			$("a[rel^='prettyPhoto']").prettyPhoto();		});	</script>

5. nyroModal http://nyromodal.nyrodev.com/ (iframe固定)

6. FaceBox http://famspam.com/facebox

7. ClearBox http://www.clearbox.hu/

—————————————–

jQuery Lightbox Plugin

Download Lightbox script

Supported Media: Images

View Demo

Download

Fancybox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame

View Demo

Download

Shadowbox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX, Flash, Video

View Demo

Download

ThickBox

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX

View Demo

Download

Slightly Thickerbox

Download Lightbox script

Supported Media: Images, AJAX, Video

View Demo

Download

Fancy Zoom

Download Lightbox script

Supported Media: Images, Inline HTML, Flash

View Demo

Download

Facebox

Download Lightbox script

Supported Media: Images, Inline HTML, AJAX

View Demo

Download

nyroModal

Download Lightbox script

Supported Media: Images, Inline HTML, iFrame, AJAX, Video

View Demo

Download

Interface Imagebox Demo

Download Lightbox script

Supported Media: Images

View Demo

Download

piroBox

Download Lightbox script

Supported Media: Images

View Demo

Download

Greybox Redux

Download Lightbox script

Supported Media: Images, iFrame

View Demo

Download

prettyPhoto

Download Lightbox script

Supported Media: Images

View Demo

Download

colorbox

http://colorpowered.com/colorbox/

LIGHT BOX效果JS大集合(Jquery相关)》有2个想法

Zemxtrx

Numerology based on birthday and time Numerology number 1 personality traits April 11 birthday numerology Numerology of name and date of birth Ascension numerology birth date Numerology enter your birthday Numerology number 5 date of birth
http://numberbirthdatenumerology.life

回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注