[javascript]代码库
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一个简单但非常cool的jQuery相册效果 - 分享JavaScript-sharejs.com</title>
<meta name="Copyright" content="JavaScript分享网 http://www.sharejs.com/" />
<meta name="description" content="一个简单但非常cool的jQuery相册效果,JavaScript分享网" />
<meta content="相册,jQuery,JavaScript,分享,JavaScript代码,Ajax" name="keywords" />
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" />
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="container">
<div id="heading">
<h1>A really cool jQuery gallery</h1>
</div>
<div id="gallery">
<div class="pic " style="background:url(gallery/bw.jpg) no-repeat 50% 50%;">
<a href="gallery/bw.jpg" title="bw" target="_blank">bw</a>
</div>
<div class="pic " style="background:url(gallery/bw-lingere.jpg) no-repeat 50% 50%;">
<a href="gallery/bw-lingere.jpg" title="bw-lingere" target="_blank">bw-lingere</a>
</div>
<div class="pic " style="background:url(gallery/pristine-lake.jpg) no-repeat 50% 50%;">
<a href="gallery/pristine-lake.jpg" title="pristine-lake" target="_blank">pristine-lake</a>
</div>
<div class="pic nomargin" style="background:url(gallery/ladybug.jpg) no-repeat 50% 50%;">
<a href="gallery/ladybug.jpg" title="ladybug" target="_blank">ladybug</a>
</div>
<div class="pic " style="background:url(gallery/white-stallion.jpg) no-repeat 50% 50%;">
<a href="gallery/white-stallion.jpg" title="white-stallion" target="_blank">white-stallion</a>
</div>
<div class="pic " style="background:url(gallery/red-head.jpg) no-repeat 50% 50%;">
<a href="gallery/red-head.jpg" title="red-head" target="_blank">red-head</a>
</div>
<div class="pic " style="background:url(gallery/tiger.jpg) no-repeat 50% 50%;">
<a href="gallery/tiger.jpg" title="tiger" target="_blank">tiger</a>
</div>
<div class="pic nomargin" style="background:url(gallery/promotion.jpg) no-repeat 50% 50%;">
<a href="gallery/promotion.jpg" title="promotion" target="_blank">promotion</a>
</div>
<div class="pic " style="background:url(gallery/tattoo.jpg) no-repeat 50% 50%;">
<a href="gallery/tattoo.jpg" title="tattoo" target="_blank">tattoo</a>
</div>
<div class="pic " style="background:url(gallery/wedding_catwalk.jpg) no-repeat 50% 50%;">
<a href="gallery/wedding_catwalk.jpg" title="wedding_catwalk" target="_blank">wedding_catwalk</a>
</div>
<div class="pic " style="background:url(gallery/furry-feline.jpg) no-repeat 50% 50%;">
<a href="gallery/furry-feline.jpg" title="furry-feline" target="_blank">furry-feline</a>
</div>
<div class="pic nomargin" style="background:url(gallery/lonely-anguish.jpg) no-repeat 50% 50%;">
<a href="gallery/lonely-anguish.jpg" title="lonely-anguish" target="_blank">lonely-anguish</a>
</div><div class="clear"></div>
</div>
<div style="clear:both"></div>
<br><br>
<div style="text-align:center">
<script language="javascript" src="http://www.sharejs.com/js/720.js"></script>
<br><br>
获取更多JavaScript代码,请登录JavaScript分享网 <a href="http://www.sharejs.com">http://www.sharejs.com</a>
<br>
转载请注明出处,本代码仅供学习交流,不可用于任何商业用途!
</div>
</body>
</html>
[代码运行效果截图]
[源代码打包下载]