fullpage_51CTO博客
前阵子在项目中用到fullpage,过来分享一下:现在我们看到很多的网站都是全屏滚动的,是不是很高大上呢?答案是肯定的,fullpage就是让你的网页高大上的原因,一起来看看吧:我搜集了2种fullpage,一个是基于jQuery的,一个是基于Zepto的,两个资料我都会放到下载中。这里主要说说基于jQuery的内容。fullPage.js是一个基于jQuery的插件,兼容 jQuery 1.7+
原创 2016-09-09 15:36:04
969阅读
1、引用文件[html] view plain copy print?在CODE上查看代码片派生到我的代码片 <link rel="stylesheet" href="css/jquery.fullPage.css">   <script src="js/jquery.min.js">
原创 2016-08-17 11:31:04
442阅读
紧接着上一篇 fullPage常用回调函数 本章节介绍的内容为 fullPage 的常用的一些常用方法,你也可以自行参考官方文档,我这里就只介绍一些常用的,官方文档地址:https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chine
原创 2021-08-11 22:52:00
175阅读
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:fullPage教程 -- 整屏滚动效果插件 fullpage详解1、引用文件[html] view plain copy print?在CODE上查看代码片派生到我的代码片 <link rel="stylesheet"&
转载 精选 2016-08-17 15:10:10
575阅读
转载 2015-10-11 14:57:00
96阅读
基于jQuery的全屏滚动插件
原创 2022-03-10 10:49:00
20阅读
基于jQuery的全屏滚动插件
原创 2021-09-01 10:24:01
62阅读
FullPage 概述 FullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏滚动网站 JQuery 概述 用 JS 封装的一个框架 那么问题来了不会 jQuery 能够学习使用 FullPage 吗?编程开发属于一门 "做中学" 的学科,无论是什么编程语言,我们
原创 2021-08-11 21:17:00
418阅读
紧接着上一篇 fullPage基本使用 本章节介绍的内容为 fullPage 的常用的一些属性,属性非常多,你可以自行参考官方文档,我这里就只介绍一些常用的,官方文档地址:https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chin
原创 2021-08-11 21:43:00
302阅读
# jquery.fullPage.js科普 jquery.fullPage.js是一个流行的jQuery插件,用于创建全屏滚动网页。它提供了一种简单而强大的方式来制作具有独特交互效果的网页。本文将介绍jquery.fullPage.js的基本用法,并提供一些代码示例来帮助读者更好地理解如何使用它。 ## 什么是jquery.fullPage.js? jquery.fullPage.js是一
原创 2023-07-22 22:33:08
84阅读
紧接着上一篇 fullPage常用属性 本章节介绍的内容为 fullPage 的常用的一些回调函数,你也可以自行参考官方文档,我这里就只介绍一些常用的,官方文档地址:https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese
原创 2021-08-11 22:04:00
259阅读
七牛最近改版了网站,弄成全屏滚动的特效,真的很炫,于是查看其源代码,发现了一个fullPage.js插件,于是百度了一下,还就是这个插件的作用,其实有很多网站都做了全屏滚动的特效,效果也很好看,今天就给大家说说fullPage.js的使用方法和设置。简介fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。主要功能支持鼠标滚动支持前进后退和键盘控制多个回
转载 2023-08-13 15:07:07
235阅读
最终效果:介绍:fullpage.js是一个基于jQuery的插件,它能够很方便、很轻松的制作出全屏
原创 2023-01-03 15:03:00
60阅读
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。用法:1、引入jquery2、引入fullPage3、每个section代表一屏4、js启动:$(function(){ $('#dowebok').fullpage();});完整实例: ... Read More
转载 2015-09-30 16:25:00
162阅读
2评论
  简介   fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。  主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式 兼容性fullPage.js 支持 IE8+ 及其他现代浏览器。测试代码   测试代码 &
转载 2023-09-17 18:16:31
42阅读
原理参考图:fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站,主要功能有:支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 兼容 jQuery 1.7+  IE8... 引入:四个文件下载http://pa
转载 2023-09-23 16:01:09
56阅读
需求背景今天运营给了一个需求,要做个引导页,也就是全屏滚动。考虑到只有3张图,就自己码个吧!说干就干。思路设置一个外层container,用户的可见区域,也就是全屏container内有3个层次,每个层次大小都跟container一样大小每次滚动时候通过css的transform属性进行偏移,并结合transition过渡一下效果```*{margin:0;padding:0;}.containe
原创 2021-01-12 11:53:20
358阅读
一.安装 npm install --save vue-fullpage.js 二.引入 注册组件 // main.js import 'fullpage.js/vendors/scrolloverflow' // Optional. When using scrollOverflow:true i ...
转载 2021-08-24 19:48:00
711阅读
2评论
紧接着上一篇 fullPage常用方法 本章节介绍的内容为 fullPage 的自定义菜单,你也可以自行参考官方文档,我这里就只介绍一些常用的,官方文档地址:https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese#ful
简介如今我们经常能看到全屏网站,尤其是国外网站。这些网站用几幅很大的图片或者色块做背景,再添加一些简单的内容,显得格外的高端大气上档次,比如 iPone 5C 的介绍页面、QQ浏览器的官方网站、百度史记2013效果。如果你也希望你的网站能设计成全屏的,显得更上档次,我们可以试试fullPage.js。fullPage.js是一个基于jQuery的插件,他能够很方便、很轻松的制作出全屏网站,主要功能
转载 2023-08-29 11:18:36
65阅读
  • 1
  • 2
  • 3
  • 4
  • 5