安踏jQuery大图幻灯片.zip资源-CSDN文库

共10个文件

jpg：5个

js：2个

css：1个

版权申诉

html5

jQuery

javascript

135 浏览量 2022-11-25 10:22:00 上传评论收藏 1.22MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

安踏jQuery大图幻灯片.zip （10个子文件）

安踏jQuery大图幻灯片

jiaoben1210

css

zzsc.css 2KB

images

img04.jpg 177KB

btn_banner.png 3KB

img01.jpg 250KB

img02.jpg 331KB

img03.jpg 401KB

index.html 2KB

jquery.min.js 91KB

zzsc.js 6KB

安踏jQuery大图幻灯片.jpg 116KB

<!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/zzsc.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="js/jquery.min.js"></script> <script src="js/zzsc.js" type="text/javascript"></script> </head> <body> <div id="scroll_box"> <div class="box_163css oh bc pr"> <ul> <li><a href="http://www.moobnn.com"><img src="images/img01.jpg"></a></li> <li><a href="http://www.moobnn.com"><img src="images/img04.jpg"></a></li> <li><a href="http://www.moobnn.com"><img src="images/img03.jpg"></a></li> <li><a href="http://www.moobnn.com"><img src="images/img02.jpg"></a></li> </ul> <ol class="scroll_nav"> <li class="current"><p>龙战伦敦助威中国</p></li> <li><p>安踏儿童 High翻暑假</p></li> <li><p>专业跑步装备跑赢自己</p></li> <li><p>奥运商品限量抢拍</p></li> </ol> </div> <p class="prev pa oh" id="banner_prev"><img alt="上一张" src="images/btn_banner.png"></p> <p class="next pa oh" id="banner_next"><img alt="下一张" class="pr" src="images/btn_banner.png"></p> </div> <script type="text/javascript"> $(function(){ var option = { prev:"#banner_prev", //上一张按钮，默认为null next:"#banner_next",//下一张按钮，默认为null nav:'.scroll_nav',//轮播导航，默认为null,当为null时，自动生成导航。 auto:true//是否自动轮显，默认为true }; $("#scroll_box").baisonSlider(option); //banner轮显按钮特效 $("#banner_prev,#banner_next").find('img').hover( function(){ $(this).stop(false,true).fadeTo(800,0); }, function(){ $(this).stop(false,true).fadeTo(500,1); } ); }) </script> <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉