JQuery实现滑动banner轮番图（1030修改）_jQuery效果banner滚动资源-CSDN文库

共11个文件

jpg：5个

js：2个

png：2个

jquery

web前端

js图片轮番

图片切换

4星 · 超过85%的资源需积分: 32 110 浏览量 2014-10-30 13:04:21 上传评论收藏 58KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

JQuery实现滑动banner轮番图.rar （11个子文件）

JQuery实现滑动banner轮番图

滑动

css

index.css 2KB

images

LR.png 426B

2.jpg 10KB

1.jpg 11KB

DWbg.png 3KB

3.jpg 8KB

5.jpg 10KB

4.jpg 10KB

index.html 2KB

index.js 2KB

jquery-1.7.1.js 92KB

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>0927滑动学习</title> <meta name="author" content="yangyu" /> <link href="css/index.css" type="text/css" rel="stylesheet" /> <script src="js/jquery-1.7.1.js" type="text/javascript"></script> <script src="js/index.js" type="text/javascript"></script>  </head> <body> <div id="banner"> <ul> <li> <h2><a href="javascript:"><img src="images/1.jpg"></a></h2> <div class="Down"> <div class="left"></div> <div class="up"><a href="javascript:">AAAAAAA</a></div> <div class="p"><a href="javacript:">1234556778</a></div> </div> </li> <li> <h2><a href="javascript:"><img src="images/2.jpg"></a></h2> <div class="Down"> <div class="left"></div> <div class="up"><a href="javascript:">BBBBBBBBBB</a></div> <div class="p"><a href="javacript:">BBBBBBBBBBB</a></div> </div> </li> <li> <h2><a href="javascript:"><img src="images/3.jpg"></a></h2> <div class="Down"> <div class="left"></div> <div class="up"><a href="javascript:">AAAAAAA</a></div> <div class="p"><a href="javacript:">1234556778</a></div> </div> </li> <li> <h2><a href="javascript:"><img src="images/4.jpg"></a></h2> <div class="Down"> <div class="left"></div> <div class="up"><a href="javascript:">AAAAAAA</a></div> <div class="p"><a href="javacript:">1234556778</a></div> </div> </li> <li> <h2><a href="javascript:"><img src="images/5.jpg"></a></h2> <div class="Down"> <div class="left"></div> <div class="up"><a href="javascript:">AAAAAAA</a></div> <div class="p"><a href="javacript:">1234556778</a></div> </div> </li> </ul> </div> </body> </html>

评论收藏

内容反馈