【免费】jQuery空间相册梦幻效果.rar资源-CSDN文库

共19个文件

jpg：7个

js：5个

css：3个

jquery

需积分: 0 96 浏览量 2024-06-23 13:53:34 上传评论收藏 592KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery空间相册梦幻效果.rar （19个子文件）

jQuery空间相册梦幻效果

layout.js 698B

utils.js 7KB

spacegallery.js 7KB

jquery.js 92KB

eye.js 604B

css

custom.css 180B

layout.css 2KB

spacegallery.css 289B

index.html 4KB

images

blank.gif 49B

bw2.jpg 52KB

lights2.jpg 50KB

bw1.jpg 27KB

lights1.jpg 30KB

ajax_small.gif 2KB

lights3.jpg 30KB

bw3.jpg 33KB

jqueryspacegallery.jpg 79KB

动画000001.gif 343KB

<!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> <title>jQuery空间相册梦幻效果</title> <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" /> <link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" /> <link rel="stylesheet" media="screen" type="text/css" href="css/custom.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="js/spacegallery.js"></script> <script type="text/javascript" src="js/layout.js"></script> </head> <body> <div class="wrapper"> <h1>Spacegallery</h1> <ul class="navigationTabs"> <li><a href="#about" rel="about">About</a></li> </ul> <div class="tabsContent"> <div class="tab"> <div id="myGallery" class="spacegallery"> <img src="images/bw3.jpg" alt="" /> <img src="images/lights3.jpg" alt="" /> <img src="images/bw2.jpg" alt="" /> <img src="images/lights2.jpg" alt="" /> <img src="images/bw1.jpg" alt="" /> <img src="images/lights1.jpg" alt="" /> </div> </div> <div class="tab"> <h2>Download</h2> <p><a href="spacegallery.zip">spacegallery.zip (205 kb)</a>: jQuery, Javscript files, CSS files, images, examples and instructions.</p> <h3>Changelog</h3> <dl> <dt>09.01.2008</dt> <dd>The first release release.</dd> </dl> </div> <div class="tab"> <h2>Implement</h2> <p>Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. <strong>Important:</strong> be sure to include Javascript files in the specific order as in the example below.</p> <pre> <link rel="stylesheet" media="screen" type="text/css" href="css/spacegallery.css" /> <script type="text/javascript" src="js/eye.js"></script> <script type="text/javascript" src="js/utils.js"></script> <script type="text/javascript" src="js/spacegallery.js"></script> </pre> <h3>Invocation code</h3> <p>Prepare a block level element with some images inside. All you have to do is to select the elements in a jQuery way and call the plugin.</p> <pre> $('#myGallery').spacegallery({loadingClass: 'loading'}); </pre> <h3>Options</h3> <p>A hash of parameters. All parameters are optional.</p> <table> <tr> <td><strong>border</strong></td> <td>integer</td> <td>Images' border. Default: 0</td> </tr> <tr> <td><strong>duration</strong></td> <td>integer</td> <td>Animation duration. Default 800</td> </tr> <tr> <td><strong>perspective</strong></td> <td>integer</td> <td>Perpective height. Default: 140</td> </tr> <tr> <td><strong>minScale</strong></td> <td>float</td> <td>Minimum scale for the image in the back. Default: 0.2</td> </tr> <tr> <td><strong>loadingClass</strong></td> <td>string</td> <td>CSS class applied to the element while looading images. Default: null</td> </tr> <tr> <td><strong>before</strong></td> <td>function</td> <td>Callback function triggered before going to the next image</td> </tr> <tr> <td><strong>after</strong></td> <td>function</td> <td>Callback function triggered after going to the next image</td> </tr> </table> </div> </div> </div> </body> </html>

评论收藏

内容反馈