<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>imgBox | Demo page download by http://www.codefans.net</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="imgbox/jquery.imgbox.pack.js"></script>
<link rel="stylesheet" href="imgbox/imgbox.css" />
<style type="text/css">
#images a {
margin-right: 14px;
}
#images a img {
border: 1px solid #888;
padding: 3px;
vertical-align: top;
}
#credit {
clear: both;
margin-top: 50px;
padding-top: 20px;
font-size: 10px;
border-top: 1px solid #BBB;
font-family: Verdana;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("#example1-1").imgbox();
$("#example1-2").imgbox({
'zoomOpacity' : true,
'alignment' : 'center'
});
$("#example1-3").imgbox({
'speedIn' : 0,
'speedOut' : 0
});
$("#example2-1, #example2-2").imgbox({
'speedIn' : 0,
'speedOut' : 0,
'alignment' : 'center',
'overlayShow' : true,
'allowMultiple' : false
});
});
</script>
</head>
<body>
<div id="content">
<h1>imgBox</h1>
<p>This is a demo page. You can view the supporting article <a href="http://jqueryglobe.com/article/imgbox">here</a></p>
<hr />
<div id="images">
<a id="example1-1" title="" href="http://farm4.static.flickr.com/3498/4006876523_289a8296ee.jpg"><img alt="" src="http://farm4.static.flickr.com/3498/4006876523_289a8296ee_m.jpg" /></a>
<a id="example1-2" title="Lorem ipsum dolor sit amet" href="http://farm4.static.flickr.com/3068/3096463741_67b9979fd4.jpg"><img alt="" src="http://farm4.static.flickr.com/3068/3096463741_67b9979fd4_m.jpg" /></a>
<a id="example1-3" title="Maecenas eros massa, pulvinar et sagittis adipiscing, <br /> molestie et arcu" href="http://farm3.static.flickr.com/2642/4003912116_389c3891cf.jpg"><img alt="" src="http://farm3.static.flickr.com/2642/4003912116_389c3891cf_m.jpg" /></a>
<a id="example2-1" title="" href="http://farm4.static.flickr.com/3460/3793633187_44790d1f0a_o.jpg"><img alt="" src="http://farm4.static.flickr.com/3460/3793633187_f56bb1bf99_m.jpg" /></a>
<a id="example2-2" title="Maecenas eros massa, pulvinar et sagittis adipiscing, molestie et arcu" href="http://farm4.static.flickr.com/3456/3793633099_3e1e53e4ac_o.jpg"><img alt="" src="http://farm4.static.flickr.com/3456/3793633099_4f9c3e08b3_m.jpg" /></a>
</div>
<div id="credit">
Photo Credit: <a href="http://www.flickr.com/photos/hazrulabdulhalim/">Hazrul Abdul Halim</a>
</div>
</div>
</body>
</html>
jquery特效.rar （47个子文件） 
jquery特效 
css-dock-menu.zip 204KB
image_viewer.rar 235KB sc_ot-jQuery-scrollGallery.rar 792KB jqDock.v1_2_1.zip 15KB img_box.rar 15KB jquery实现的图片展示特效.rar 407KB img_box codefans.net img_box imgbox 
imgbox-bg-n.png 144B imgbox-bg-e.png 146B imgbox-bg-w.png 142B
jquery.imgbox.js 11KB imgbox-bg-sw.png 406B imgbox.css 2KB imgbox-close.png 2KB imgbox-bg-nw.png 374B imgbox-bg-se.png 393B imgbox-bg-s.png 147B
imgbox-spinner.gif 2KB jquery.imgbox.pack.js 6KB imgbox-bg-ne.png 388B style.css 616B
index.html 3KB 68design2009030.rar 142KB color 懒人图库出品的经典实用配色方案 - 懒人图库 - 网页素材下载站 - 学会偷懒，并懒出境界是提高工作效率最有效的方法！.htm 21KB 4096 Color Wheel Version 2_1.files blank.gif 42B 懒人图库出品的经典实用配色方案 - 懒人图库 - 网页素材下载站 - 学会偷懒，并懒出境界是提高工作效率最有效的方法！.files bookmark_vivi.gif 1KB all_right_300x250_3.js 594B css.css 45KB bookmark_365key.gif 988B bookmark_baidu.gif 982B header.js 154B jscodeshow.js 3KB arrow_01.gif 477B bookmark_poco.gif 990B bookmark_yahoo.gif 1KB bookmark_yesky.gif 936B all_article_468x60.js 374B top10-new.js 3KB down_title.gif 1017B all_right_300x250_1.js 376B bookmark_delicious.gif 873B top10-hot.js 3KB bookmarkicon.png 2KB top.gif 97B bookmark_google.gif 908B ggad_468x15.js 839B footer.js 154B 4096 Color Wheel Version 2_1.htm 21KB
- 1
- 2
- 3
前往页