Pastebin.vip

Very cool jQuery album effect jquery-gallary6

From , 3 Years ago, written in JavaScript, viewed 104 times.
URL https://pastebin.vip/view/b1a59b31
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>一个简单但非常cool的jQuery相册效果 - 分享JavaScript-sharejs.com</title>
  6. <meta name="Copyright" content="JavaScript分享网 http://www.sharejs.com/" />
  7. <meta name="description" content="一个简单但非常cool的jQuery相册效果,JavaScript分享网" />
  8. <meta content="相册,jQuery,JavaScript,分享,JavaScript代码,Ajax" name="keywords" />
  9. <link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" />
  10. <link rel="stylesheet" type="text/css" href="demo.css" />
  11. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  12. <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script>
  13. <script type="text/javascript" src="script.js"></script>
  14.  
  15. </head>
  16.  
  17. <body>
  18.  
  19. <div id="container">
  20.  
  21. <div id="heading">
  22. <h1>A really cool jQuery gallery</h1>
  23. </div>
  24.  
  25. <div id="gallery">
  26.  
  27.  
  28.                 <div class="pic " style="background:url(gallery/bw.jpg) no-repeat 50% 50%;">
  29.                 <a href="gallery/bw.jpg" title="bw" target="_blank">bw</a>
  30.                 </div>
  31.                 <div class="pic " style="background:url(gallery/bw-lingere.jpg) no-repeat 50% 50%;">
  32.                 <a href="gallery/bw-lingere.jpg" title="bw-lingere" target="_blank">bw-lingere</a>
  33.                 </div>
  34.                 <div class="pic " style="background:url(gallery/pristine-lake.jpg) no-repeat 50% 50%;">
  35.                 <a href="gallery/pristine-lake.jpg" title="pristine-lake" target="_blank">pristine-lake</a>
  36.                 </div>
  37.                 <div class="pic nomargin" style="background:url(gallery/ladybug.jpg) no-repeat 50% 50%;">
  38.                 <a href="gallery/ladybug.jpg" title="ladybug" target="_blank">ladybug</a>
  39.                 </div>
  40.                 <div class="pic " style="background:url(gallery/white-stallion.jpg) no-repeat 50% 50%;">
  41.                 <a href="gallery/white-stallion.jpg" title="white-stallion" target="_blank">white-stallion</a>
  42.                 </div>
  43.                 <div class="pic " style="background:url(gallery/red-head.jpg) no-repeat 50% 50%;">
  44.                 <a href="gallery/red-head.jpg" title="red-head" target="_blank">red-head</a>
  45.                 </div>
  46.                 <div class="pic " style="background:url(gallery/tiger.jpg) no-repeat 50% 50%;">
  47.                 <a href="gallery/tiger.jpg" title="tiger" target="_blank">tiger</a>
  48.                 </div>
  49.                 <div class="pic nomargin" style="background:url(gallery/promotion.jpg) no-repeat 50% 50%;">
  50.                 <a href="gallery/promotion.jpg" title="promotion" target="_blank">promotion</a>
  51.                 </div>
  52.                 <div class="pic " style="background:url(gallery/tattoo.jpg) no-repeat 50% 50%;">
  53.                 <a href="gallery/tattoo.jpg" title="tattoo" target="_blank">tattoo</a>
  54.                 </div>
  55.                 <div class="pic " style="background:url(gallery/wedding_catwalk.jpg) no-repeat 50% 50%;">
  56.                 <a href="gallery/wedding_catwalk.jpg" title="wedding_catwalk" target="_blank">wedding_catwalk</a>
  57.                 </div>
  58.                 <div class="pic " style="background:url(gallery/furry-feline.jpg) no-repeat 50% 50%;">
  59.                 <a href="gallery/furry-feline.jpg" title="furry-feline" target="_blank">furry-feline</a>
  60.                 </div>
  61.                 <div class="pic nomargin" style="background:url(gallery/lonely-anguish.jpg) no-repeat 50% 50%;">
  62.                 <a href="gallery/lonely-anguish.jpg" title="lonely-anguish" target="_blank">lonely-anguish</a>
  63.                 </div><div class="clear"></div>
  64. </div>
  65.  
  66.  
  67.  
  68. <div style="clear:both"></div>
  69. <br><br>
  70. <div style="text-align:center">
  71.  
  72. <script language="javascript" src="http://www.sharejs.com/js/720.js"></script>
  73. <br><br>
  74.  
  75. 获取更多JavaScript代码，请登录JavaScript分享网 <a href="http://www.sharejs.com">http://www.sharejs.com</a>
  76. <br>
  77. 转载请注明出处，本代码仅供学习交流，不可用于任何商业用途！
  78. </div>
  79. </body>
  80. </html>
  81.  

Reply to "Very cool jQuery album effect jquery-gallary6"

Here you can reply to the paste above

captcha

https://burned.cc - Burn After Reading Website
Powered by Pastebin.vip paste tool since 2022!