从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本篇内容主要讲解“jQuery旋转轮播式插件CarouFredSel的用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jQuery旋转轮播式插件CarouFredSel的用法”吧!
碧江网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。成都创新互联自2013年起到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。
介绍一款使用简单,支持自定义样式并且灵活健壮的jQuery旋转轮播插件:CarouFredSel,能够帮助你迅速的构建一个轮播式的幻灯展示,使用简单,功能强大,希望大家喜欢!
主要特性:
支持完整自定义和皮肤
支持responsive/fluid/liquid,保证各种客户端的显示
支持可变的显示项目个数
支持键盘和鼠标导航
7个内建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.
内建自定义的智能事件和加载选项
定义的高和宽中保证显示项目对齐(左/中/右).
支持动态添加和删除显示项目
幻灯创建后也可以支持获取,重置或者设置配置选项
如何使用?
以下是基本使用代码范例,如果大家有兴趣,可以参考CarouFredSel网站上的其它例子
HTML代码:
< class="image_carousel"> < id="foo1"> > < class="clearfix">> >
CSS样式:
.image_carousel { padding: 15px 0 15px 40px; } .image_carousel img { border: 1px solid #ccc; background-color: white; padding: 9px; margin: 7px; display: block; float: left; } .clearfix { float: none; clear: both; }
Javascript代码:
$("#foo1").carouFredSel();
到此,相信大家对“jQuery旋转轮播式插件CarouFredSel的用法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图