FlexSlider插件实现滑块幻灯片.zip资源-CSDN文库

共10个文件

jpg：4个

png：2个

js：2个

版权申诉

javascript

jQuery

html5

92 浏览量 2022-11-18 22:12:58 上传评论收藏 1.24MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

FlexSlider插件实现滑块幻灯片.zip （10个子文件）

FlexSlider插件实现滑块幻灯片

jiaoben1989

css

slider.css 5KB

img

slide1.jpg 419KB

header.png 78KB

slide3.jpg 276KB

slide2.jpg 373KB

arrows.png 1KB

index.html 1KB

jquery.min.js 91KB

jquery.flexslider-min.js 16KB

FlexSlider插件实现滑块幻灯片.jpg 96KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="gb2312"> <title>FlexSlider插件实现滑块幻灯片 - 网页模板</title> <link rel="stylesheet" href="css/slider.css" type="text/css"> <script src="js/jquery.min.js"></script> <script src="js/jquery.flexslider-min.js"></script> </head> <body> <center><br> <div class="flex-container"> <div class="flexslider"> <ul class="slides"> <li> <a href="#"><img src="img/slide1.jpg" /></a> </li> <li> <img src="img/slide2.jpg" /> </li> <li> <img src="img/slide3.jpg" /> <p>Designing The Well-Tempered Web</p> </li> </ul> </div> </div> </center> <script> $(document).ready(function () { $('.flexslider').flexslider({ animation: 'fade', controlsContainer: '.flexslider' }); }); </script> <div style="text-align:center;clear:both"> <br><br><br> <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉