<!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> |