【fullpage.js用法总结】的更多相关文章

fullpage.js用法总结

兼容性: 支持 IE8+ 及其他现代浏览器. 主要功能: 1.支持鼠标滚动: 2.支持前进后退键盘控制; 3.多个回调函数; 4.支持手机.移动设备; 5.支持窗口缩放自动调整; 6.可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等; 7.支持CSS3动画; 实现方法: 1.插入jquery.fullPage.css; 2.插入jquery.js; 3.插入jquery-ui.js;(用于制作动画) 4.插入jquery.fullpage.js; <link rel="…

fullPage.js插件用法（转发）

fullPage.js主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 模板展示 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&qu…

FullPage.js全屏滚动插件

一.介绍 fullPage.js是一个基于jQuery的插件,他能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触摸事件 4.支持CSS3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等. 如何获取fullPage?github地址:https://github.com/alvarotrigo/fullPage.js fullPage.js不兼容ie6\7,其他的浏览器都…

fullpage.js全屏滚动插件使用小结

刚做好公司网站,通过全屏滚动,显著提高了官网的浏览体验.遂总结一下使用fullpage.js的方法.欢迎指正 一. fullpage.js简介 fullpage.js是一套实现浏览器全屏滚动的js插件,很多网站现在都使用了其来实现较好的浏览体验. 可以实现的功能: 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 二.插件下载 npm|npm install…

[转载]fullPage.js中文api 配置参数~

fullPage.js中文api 配置参数 选项 类型 默认值 说明 verticalCentered 字符串 true 内容是否垂直居中 resize 布尔值 false 字体是否随着窗口缩放而缩放 slidesColor 函数 无 设置背景颜色 anchors 数组 无 定义锚链接 scrollingSpeed 整数 700 滚动速度,单位为毫秒 easing 字符串 easeInQuart 滚动动画方式 menu 布尔值 false 绑定菜单,设定的相关属性与 anchors 的值对应后,…

高端大气上档次的fullPage.js

简介 4月15日,网易邮箱升级到6.0版本,并发布了介绍页面,页面采用了时下非常流行的"全屏"效果,文字.图片再加上 CSS3 动画,让用户非常直观.清晰的了解6.0版本的功能及特色,真是高端大气上档次. 如此高大上的页面,想不想自己也做一个?今天我们就用 fullPage.js 仿照着制作一个类似的页面. 制作方法 1.引入文件 引入以下文件,你可以将 js 放到页面底部. <link rel="stylesheet" href="css/jque…

fullPage.js学习笔记

中秋节,一个人呆着,挺无聊的,还是学习最有趣,不论是什么,开阔视野都是好的. 参考网址:http://www.dowebok.com/77.html  上面有详细介绍及案例展示,很不错哦,可以先去看看demo 一.简介 fullPage.js 是一个基于jQuery的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 1.支持鼠标滚动 2.多个回调函数 3.支持手机.平板触屏事件 4.支持css3动画 5.支持窗口缩放 6.窗口缩放时自动调整 7.可设置滚动宽度.背景颜色.滚动速度.循环选…

xss其他标签下的js用法总结大全

前段时间我遇到一个问题,就是说普通的平台获取cookie的语句为↓           Default <script src=js地址></script> 1 <script src=js地址></script> 实际上我们的测试语句可能为↓           Default <script>alert("90sec")</script> 1 <script>alert("90sec&qu…

jQuery全屏滚动插件fullPage.js

github https://github.com/alvarotrigo/fullPage.js demo http://alvarotrigo.com/fullPage/ 脚手架 <link rel="stylesheet" type="text/css" href="jquery.fullPage.css" /> <script src="http://ajax.googleapis.com/ajax/libs/…

制作手机相册 全屏滚动插件fullpage.js

今天是端午自己做了一个小的送祝福链接  这里用到了fullpage插件 $('#container').fullpage({ navigation: false,        //navigation是否显示导航,默认为false easing: 'easeInQuart', scrollingSpeed: 400, loopBottom: false, loopTop: false, afterLoad: function(anchorLink, index) {//最后一页不显示向上滑动…