jQuery焦点图百叶窗效果切换.zip资源-CSDN文库

共22个文件

jpg：5个

css：5个

png：4个

版权申诉

javascript

html5

jQuery

99 浏览量 2022-11-21 11:32:12 上传评论收藏 297KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery焦点图百叶窗效果切换.zip （22个子文件）

jQuery焦点图百叶窗效果切换

jQuery焦点图百叶窗效果切换.jpg 72KB

jiaoben3635

css

img

next.png 4KB

039.png 1KB

prev.png 4KB

040.png 1KB

osSlider.css 1KB

default.css 6KB

base.css 821B

demo.css 95B

normalize.css 2KB

images

2.jpg 59KB

1.jpg 30KB

3.jpg 44KB

4.jpg 46KB

fonts

icomoon.woff 1KB

icomoon.svg 2KB

icomoon.eot 2KB

icomoon.ttf 1KB

index.html 2KB

osSlider.js 15KB

osSlider.min.js 5KB

jquery-2.1.1.min.js 82KB

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery焦点图百叶窗效果切换 - 网页模板</title> <link rel="stylesheet" href="css/base.css" /> <link rel="stylesheet" href="css/demo.css" /> <link rel="stylesheet" type="text/css" href="css/default.css"> <link rel="stylesheet" href="css/osSlider.css" /> </head> <body> <div class="htmleaf-container"> <div class="slider"> <ul class="slider-main"> <li> <img src="images/1.jpg" alt=""> </li> <li> <img src="images/2.jpg" alt=""> </li> <li> <img src="images/3.jpg" alt=""> </li> <li> <img src="images/4.jpg" alt=""> </li> </ul> </div> </div> <script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/osSlider.js"></script> <script type="text/javascript"> var slider = new osSlider({ //开始创建效果 pNode:'.slider', //容器的选择器必填 cNode:'.slider-main li', //轮播体的选择器必填 speed:3000, //速度默认3000 可不填写 autoPlay:true //是否自动播放默认true 可不填写 }); </script> <div style="text-align:center;margin:1px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉