博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享一款强大的jQuery旋转轮播式插件 - CarouFredSel
阅读量:7230 次
发布时间:2019-06-29

本文共 802 字,大约阅读时间需要 2 分钟。

分享一款强大的jQuery旋转轮播式插件 - CarouFredSel gbin1.com

 

今天我们介绍一款使用简单,支持自定义样式并且灵活健壮的jQuery旋转轮播插件:,能够帮助你迅速的构建一个轮播式的幻灯展示,使用简单,功能强大,希望大家喜欢!

主要特性:

  • 支持完整自定义和皮肤
  • 支持responsive/fluid/liquid,保证各种客户端的显示
  • 支持可变的显示项目个数
  • 支持键盘和鼠标导航
  • 7个内建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.
  • 内建自定义的智能事件和加载选项
  • 定义的高和宽中保证显示项目对齐(左/中/右).
  • 支持动态添加和删除显示项目
  • 幻灯创建后也可以支持获取,重置或者设置配置选项

如何使用?

以下是基本使用代码范例,如果大家有兴趣,可以参考CarouFredSel网站上的其它例子

HTML代码:

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();

转载地址:http://aapfm.baihongyu.com/

你可能感兴趣的文章
(转) MFC的入口点与消息循环,消息映射
查看>>
Android中读取assets文件夹中的子文件夹内容
查看>>
iOS UILabel两侧加阴影
查看>>
SQLServer中临时表与表变量的区别分析(转)
查看>>
ANDROID AIDL <1>
查看>>
Linuxc:创建与监控多个子进程
查看>>
通用权限管理系统中的分页解决方案
查看>>
Nutch搜索引擎系列(目录)
查看>>
ubuntu卸载qq2012
查看>>
让OMCS支持更多的视频采集设备
查看>>
node-webkit教程(7)Platform Service之APP
查看>>
PHP之XML节点追加操作讲解
查看>>
XSS零碎指南
查看>>
Linux ALSA声卡驱动之七:ASoC架构中的Codec
查看>>
unicode编码、字符的转换和得到汉字的区位码
查看>>
SQL手工注入
查看>>
设计模式总结篇系列:适配器模式(Adapter)
查看>>
利用FlashPaper实现类似百度文库功能
查看>>
视频码率,帧率和分辨率的联系与差别
查看>>
eclipse生成可执行jar包[转]
查看>>