基于jQuery的左右移动图片代码资源-CSDN文库

共17个文件

png：5个

jpg：5个

js：2个

基于jQuery的左右移动图片代码

3星 · 超过75%的资源需积分: 3 94 浏览量 2010-02-05 11:34:07 上传评论收藏 811KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jQuery的左右移动图片代码.zip （17个子文件）

基于jQuery的左右移动图片代码

css

style.css 1KB

design

mockup.psd 1.18MB

images

2.jpg 37KB

1.jpg 32KB

3.jpg 28KB

5.jpg 31KB

leftarrow.png 577B

leftshadow.png 153B

rightshadow.png 147B

4.jpg 29KB

Thumbs.db 28KB

rightarrow.png 568B

movingboxes.png 4KB

Seuuo.htm 2KB

index.html 3KB

slider.js 3KB

jquery-1.3.1.min.js 54KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <title>Moving Boxes_preview in zcool.com.cn</title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" charset="utf-8"> <script src="js/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/slider.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="wrapper"> <img src="images/movingboxes.png" alt="moving boxes" /> <div id="slider"> <img class="scrollButtons left" src="images/leftarrow.png"> <div style="overflow: hidden;" class="scroll"> <div class="scrollContainer"> <div class="panel" id="panel_1"> <div class="inside"> <img src="images/1.jpg" alt="picture" /> <h2>News Heading</h2> <p>A very shot exerpt goes here... <a href="http://flickr.com/photos/justbcuz/112479862/">more link</a></p> </div> </div> <div class="panel" id="panel_2"> <div class="inside"> <img src="images/2.jpg" alt="picture" /> <h2>News Heading</h2> <p>A very shot exerpt goes here... <a href="http://flickr.com/photos/joshuacraig/2698975899/">more link</a></p> </div> </div> <div class="panel" id="panel_3"> <div class="inside"> <img src="images/3.jpg" alt="picture" /> <h2>News Heading</h2> <p>A very shot exerpt goes here... <a href="http://flickr.com/photos/ruudvanleeuwen/468309897/">more link</a></p> </div> </div> <div class="panel" id="panel_4"> <div class="inside"> <img src="images/4.jpg" alt="picture" /> <h2>News Heading</h2> <p>A very shot exerpt goes here... <a href="http://flickr.com/photos/emikohime/294092478/">more link</a></p> </div> </div> <div class="panel" id="panel_5"> <div class="inside"> <img src="images/5.jpg" alt="picture" /> <h2>News Heading</h2> <p>A very shot exerpt goes here... <a href="http://flickr.com/photos/fensterbme/499006584/">more link</a></p> </div> </div> </div> <div id="left-shadow"></div> <div id="right-shadow"></div> </div> <img class="scrollButtons right" src="images/rightarrow.png"> </div> </div> </body> </html>

评论收藏

内容反馈