- 浏览: 259158 次
-
最新评论
文章列表
flickity是一款自适应手机触屏滑动插件,它的API参数很丰富,包括对齐方式、循环滚动、自动播放、是否支持拖动、是否开启分页、是否自适应窗口等。
在线实例
实例演示
使用方法
<div class="hero-gallery js-flickity">
<div class="hero-gallery__cell h
fsbanner是一款自定义功能丰富的响应式网站Banner手风琴特效jQuery插件。该手风琴特效兼容性很好,支持点击和鼠标滑过等触发事件,并且可添加标题或描述。
在线实例
默认
带标题
owlcarousel是一款猫头鹰旋转木马插件。OwlCarousel优势兼容所有浏览器支持响应式支持 CSS3 过度支持触摸事件支持 JSON 及自定义 JSON 格式支持进度条支持自定义事件支持延迟加载支持自适应高度
在线实例
默认
单个
在线实例
默认效果
导航和分页
缩略图
描述说明
Flickerplate 是个轻量级 jQuery 插件,大小仅为 12 kb。它允许用户点击鼠标然后转换内容,非常容易使用,响应式,支持触摸设备
在线实例
默认
圆点导航位置
动画方式
Devrama Slider 是个图像滑块,带有许多非常有趣的特性。
它不仅支持图像还支持 HTML 内容。 响应式 方便 CSS3 转换 转换效果 进度条 高级的预加载和延迟加载 CSS 自定义 用户可以定义导航或者控制器
在线实例
实例演示
使用方法
<div class="slide1" data-lazy-background="4247776023_81a3f048ca_b.png">
在线实例
基础演示
自动播放
使用方法
<div id
一个响应式相册插件,你可以自定义幻灯片最大高度,滑动效果,是否显示控制按钮,自动轮播或间隔时间。
pgwslideshow相册插件有以下特点 支持响应式 支持桌面和移动设备 代码简单,只有4kb不到
在线实例
实例演示
使用方法
<ul class="pgwSlideshow">
在线实例
简单配置
翻转方向
鼠标滚动
自动播放
绑定事件
使用方法
在线实例
实例演示 默认效果
实例演示 淡入淡出
实例演示 带链接
实例演示 项目导航
实例演示 带标题描述
实例演示 回调函数
Covering-Bad 是一个可拉动大小的元素,覆盖在原有的元素上面,从而两者进行对比。
在线实例
实例演示1 实例演示2
使用方法
<div class="covered" data-passive="images/2.jpg" data-active="images/1.jpg"
soChange一款多很经典的幻灯片的jQuery插件。
实例预览
引入文件
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<script
jquery.corner是一款强大的圆角插件(所产生的不止只是圆角效果),兼容包括IE6、IE7、IE8、firefox、Opera 、Safari、Chrome等主流浏览器,唯一的缺点是为了产生边角效果,生成了相当数量的层,加重了浏览器的负担。
jquery.corner支持的所有边角样式,默认为圆角。
版本version 2.11
使用方法
$('.demo').corner();//默认圆角
瀑布流布局非常适合大量图片的展示,一改过去裁剪图片尺寸统一的排版,每张图片都能完全展示,并错落有致,让人眼前一亮。
版本:
jQuery v1.4.3+
jQuery Wookmark Load v1.4.8
注意事项:
项目中的 img 元素的 width 和 height 属性需要写,否则定位会不准确。(可以用 JavaScript 实时获取图片的宽高,但图片数量过多时,这将是一件不靠谱的事情。)
github
在线实例
实例预览 Example 基本示例
实例预览 AMD 加载器
<marquee> 曾是 IE 下独有的一个走马灯效果的标签,其他浏览器并不兼容,于是出现了使用 JavaScript 来模拟该效果的插件。
版本:
jQuery v1.3.2+
在线实例
实例预览 kxbdMarquee 模拟 Marquee 无缝滚动
使用方法
载入 JavaScript 文件