JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > Flexslider - 响应式的 jQuery 内容滚动插件

Flexslider - 响应式的 jQuery 内容滚动插件

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发中试试。

  温馨提示:响应式效果需要再 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中才支持。


效果演示     插件下载

使用示例:


  1. <div class="flexslider">  <ul class="slides">   
  2.  <li>      
  3. <img src="slide1.jpg" />    
  4. </li>    
  5. <li>      
  6. <img src="slide2.jpg" />    
  7. </li>    
  8. <li>      
  9. <img src="slide3.jpg" />    
  10. </li>    
  11. <li>      
  12. <img src="slide4.jpg" />    
  13. </li>  
  14. </ul>
  15. </div>
复制代码
  1. $(window).load(function() {

  2.   $('.flexslider').flexslider({

  3.     animation: "slide"

  4.   });

  5. });
复制代码

【Flexslider - 响应式的 jQuery 内容滚动插件】相关文章

1. Flexslider - 响应式的 jQuery 内容滚动插件

2. jQuery和css3响应式带滚动条的内容手风琴插件

3. jQuery元素滚动插件simplyScroll

4. 响应式内容滑块Liquid Slider

5. 推荐12款响应式的 jQuery 旋转木马(传送带)插件

6. 分享22款响应式的 jQuery 图片滑块插件

7. jQuery内容层叠滚动切换动画插件

8. 响应式设计的未来——Flexbox

9. Wrangle:响应式的,触摸友好的多选插件

10. 15 个响应式的 jQuery UI 组件的代码片段和模块

本文来源:https://www.51html5.com/a1346.html

点击展开全部

﹝Flexslider - 响应式的 jQuery 内容滚动插件﹞相关内容

「Flexslider - 响应式的 jQuery 内容滚动插件」相关专题

其它栏目

也许您还喜欢