【注意】所有的page要用div包裹,id为fullpage.不能直接包在body中 【使用fullpage的步骤】 1、导入 JQuery.js,fullpage.js,fullpage.css <!-- fullPage.js 必须在 JQuery.js 之后导入,否则无效 --> 2、组建网页 ...
分类:
其他好文 时间:
2017-05-02 10:10:23
阅读次数:
196
接之前,jquery.fullpage在angular单页应用中存在重复初始化,分页器加倍问题,索性直接找到了angular.fullpage.js全屏滚动指令应用 angular-fullpage文档这里(将的不仔细自己做有点麻烦,不过有个demo) demo的却也不好看,直接上代码详解 1、首先 ...
分类:
Web程序 时间:
2017-04-28 22:12:33
阅读次数:
373
用js的定时器写的小玩意... html部分父容器里放上几个div,每个div占一整屏 css嘛关键就是父容器要设置overflow: hidden; js 监听滑轮,利用定时器移动一屏的高度 用的时候只要改变函数里的参数就可以了 pageHeight('container', 'page1', ' ...
分类:
其他好文 时间:
2017-04-25 11:41:35
阅读次数:
162
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对 ...
分类:
Web程序 时间:
2017-04-08 11:32:43
阅读次数:
228
$(window).on("resize", function () { vSize(); }) function vSize() { setTimeout(function () { $(".FullPageSection .videobox video").css({ "transform": ...
分类:
其他好文 时间:
2017-03-15 15:12:49
阅读次数:
155
移动滑屏web框架之slip.js fullpage.js http://blog.csdn.net/cddcj/article/details/52817134 Layer.js——强大的弹出框:http://layer.layui.com/ ...
分类:
Web程序 时间:
2017-03-04 12:24:13
阅读次数:
157
1.fullpage地址 https://github.com/alvarotrigo/fullPage.js 2.fullpage基本配置 引入css文件和js文件 基本结构 初始化fullpage 3.fullpage原理 : 更改dom结构以及应用css动画 4.fullpage常用参数配置 ...
分类:
Web程序 时间:
2017-02-28 22:35:25
阅读次数:
408
技术选型 html5 css3 jq 应用的插件 FullPage.js 一、建一个测试页面,测试静态的功能 二、首先载入fullpage.js 三、测试功能是否完好。 ...
分类:
Web程序 时间:
2017-02-25 00:12:10
阅读次数:
246
w单图,绕开了显示的兼容性。 http://res.m.suning.com/project/JoinGo/intro.html http://res.m.suning.com/project/JoinGo/assets/images/group/fullpage.png http://res.su ...
分类:
微信 时间:
2017-02-12 19:51:38
阅读次数:
472
记得前两天自己写一个动画首页,动画很复杂,我用的fullpage虽然相对比较简单,但是每个页面的animation各有差异,需要相对控制,估计有上千行的js代码,写的心情乱糟糟的。 如何让代码量巨大,而且可以方便的管理,不会出现命名的冲突,代码结构乱七八糟问题,让代码设计结构清晰明了,这是一个巨大的 ...
分类:
Web程序 时间:
2017-02-10 13:01:45
阅读次数:
281