jQuery全屏滚动插件-DD Full Screen Slider
简介
DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滚动插件,正因为基于前面两个文件,所以它比较小,不压缩也不到 10KB。DD Full Screen Slider 有一下特点:
- 支持桌面和移动设备
- 多种方式切换:鼠标滚轮、鼠标拖拽、圆点导航、键盘方向键
- 支持锚点/哈希
- 在不支持 CSS3 动画的浏览器中自动回滚使用 jQuery 动画
- 支持多种浏览器,包括 IE8(部分)
IE 系列中,IE10+ 效果正常,IE9 中无动画效果。
在线演示及下载
使用方法
引入文件
HTML
JavaScript
var fss; $(function() { fss = new ddfullscreenslider({ sliderid: 'jqhtml' }); });
参数
属性/方法 | 类型 | 默认值 | 说明 |
---|---|---|---|
sliderid(必须) | 字符串 | 空 | 绑定ID |
addHash | 布尔值 | true | 使用锚链接 |
transitionDuration | 数字 | 0.5 | 动画持续时间,以秒为单位 |
keycodeNavigation | 数组 | [40, 38] | 键盘控制的按键值 |
swipeconfig | 对象 | {peekamount: 100, mousedrag: true} | 针对触摸设备的配置 |
onslide | 函数 | 空 | 回调函数 |
相关推荐
-
Intro.js 分步向导插件使用方法 插件应用
2017-6-3
-
Scrollify – jQuery全屏滚动插件 插件应用
2017-12-12
-
skippr – 更轻更快的jQuery幻灯片插件 插件应用
2017-12-12
-
移动端常用alert、confirm、toast等弹窗插件,兼容 jQueryZepto 插件应用
2017-12-10
-
jQuery cxSelect 联动下拉菜单 插件应用
2017-5-18
-
轮播图FlexSlider插件使用方法及参数 插件应用
2017-6-3
-
jQuery Jcrop 图像裁剪 插件应用
2017-6-23
-
lightslider-支持移动触摸的轻量级jQuery幻灯片插件 插件应用
2017-7-4
-
一种自动生成网页骨架屏的方式 插件应用
2018-10-30
-
jQuery Transit 过渡效果插件 插件应用
2017-5-17