jQuery可点击放大的图片轮播代码.zip资源-CSDN文库

共14个文件

jpg：7个

png：3个

js：2个

版权申诉

javascript

html5

jQuery

13 浏览量 2022-11-21 11:32:24 上传评论收藏 120KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery可点击放大的图片轮播代码.zip （14个子文件）

jQuery可点击放大的图片轮播代码

jiaoben4574

css

css.css 3KB

images

01.jpg 10KB

05.jpg 14KB

04.jpg 11KB

arrow-right.png 700B

zoom.png 1KB

03.jpg 13KB

06.jpg 12KB

02.jpg 10KB

arrow-left.png 692B

index.html 2KB

jquery.min.js 71KB

slider.js 8KB

jQuery可点击放大的图片轮播代码.jpg 35KB

<!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>jQuery可点击放大的图片轮播代码 - 网页模板</title> <link href="css/css.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.min.js"></script> <script src="js/slider.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').slider({ speed: 500 }); }); </script> </head> <body> <div style="height:200px;"></div> <div id="slider"> <div class="spic"> <img src="images/01.jpg" /> <a href="#">Picture information 1</a> </div> <div class="spic"> <img src="images/02.jpg" /> <a href="#">Picture information 2</a> </div> <div class="spic"> <img src="images/03.jpg" /> <a href="#">Picture information 3</a> </div> <div class="spic"> <img src="images/04.jpg" /> <a href="#">Picture information 4</a> </div> <div class="spic"> <img src="images/05.jpg" /> <a href="#">Picture information 5</a> </div> <div class="spic"> <img src="images/06.jpg" /> <a href="#">Picture information 6</a> </div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉