请使用firefox,chrome等最新浏览器浏览本站。

fullPageModule.js(全屏切换)

js+jquery 阿豹 421次浏览 0个评论 扫描二维码

查看demo
下载fullPageModule.js

前言:

最近一段时间我在写各种效果的js插件,尽量去繁从简,满足实际应用,目的是形成自己的一套轻量级的插件库。

全屏切换展示的网站现在比较常见,尤其是展示类型的网站,比如苹果,小米官网有很多处用到了全屏切换效果。

今天给大家分享一款轻量级的全屏切换插件(fullPageModule.js)

fullPageModule.js会判断当前浏览器是否支持css3 transition 属性,如果支持就使用translate进行切换,如果不支持则会使用jquery的animate进行切换(兼容IE678)。支持鼠标滚轮事件。

fullPageModule.js提供的api比较少,使用也比较简单。

下面说一下一些基本的参数:

_scrollingSpeed: 700,//执行动画的时间
_scrollDely: 400,//每次动画之间的延迟
_controller: true,//是否使用锚点
_controllerId: “fullPageController”,//锚点容器ID
_beforeScroll: null,//每次动画开始前的回调
_endScroll: null,//每次动画结束后的回调


喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到