flexslider图片轮播
生活随笔
收集整理的這篇文章主要介紹了
flexslider图片轮播
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
- flexslider css以及js的網(wǎng)盤地址:http://pan.baidu.com/s/1jI6imzW,在加入flexslider的js前加入jquery
代碼塊
<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" /> <script type="text/javascript" src="./js/jquery-1.11.2.min.js"></script> <script src="./js/jquery.flexslider.js"></script>-頁面代碼
<div><section class="slider"><div class="flexslider"><ul class="slides"> <li> <img src="1.png" /></li><li> <img src="1.png" /></li><li> <img src="1.png" /></li></ul></div></section> </div> <script type="text/javascript"> $(window).load(function(){$('.flexslider').flexslider({animation: "slide",});}); </script>總結(jié)
以上是生活随笔為你收集整理的flexslider图片轮播的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: # 灰度图像转化为二值图像的matlab
- 下一篇: lis php,LIS系统delphi源