jQuery插件jquery.fullPage.js】的更多相关文章

1⃣️ 简介 fullPage.js 是一个基于 jQuery 的插件,它能够很方便.很轻松的制作出全屏网站,主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机.平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度.背景颜色.滚动速度.循环选项.回调.文本对齐方式等等 2⃣️ 兼容性 jQuery 兼容 兼容 jQuery 1.7+. 浏览器兼容 3⃣️ 使用方法 1.引入文件 css部分 <link rel="stylesheet&…
jQuery-全屏滚动插件[fullPage.js]API 使用方法总结   jQuery-全屏滚动插件fullPage.js使用方法总结 作者github及下载地址:https://github.com/alvarotrigo/fullPage.js 今天说下jQuery的一款插件fullpage.js,可以实现全屏滚动,非常流行的效果,兼容性IE8+ 还算不错,使用网站有小米,等电子产品.汽车全屏滚动展示,看起来比较高大上,接下来我全面解析下此款插件!附我做的一个简易效果,刚入博客园,不知能…
241个jquery插件—jquery插件大全 jquery插件jqueryautocompleteajaxjavascriptcoldfusion jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情).jQuery是轻量级的js库(压缩后只有21k) ,这是其它…
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team. jQuery是继prototype之后又一个优秀的Javascrīpt框架.其经典的Slogan是“Write Less, Do more”(写更少的代码,做更多的事情).jQuery是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQue…
简介如今我们经常能看到全屏网站,尤其是国外网站.这些网站用几幅很大的图片或者色块做背景,再添加一些简单的内容,显得格外的高端大气上档次,比如 iPone 5C 的介绍页面.QQ浏览器的官方网站.百度史记2013效果.如果你也希望你的网站能设计成全屏的,显得更上档次,我们可以试试fullPage.js. fullPage.js是一个基于jQuery的插件,他能够很方便.很轻松的制作出全屏网站,主要功能有:        支持鼠标滚动        支持前进后退和键盘控制        多个回调函数…
该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果,您可以根据自己的实际需求来设置是否添加左右切换图片的效果.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi…
/* 功能:实现对select下拉框可输入的功能, 输入时会对下拉框的内容进行动态过滤. 参数:没有选择任何值时默认显示的文字 如何使用:$("#firstLevel").inputSelectBox("--请选择--"); 如何获取选择的项:直接使用原始的select元素即可,值会在下拉框隐藏后同步到原始元素 */ (function ($) { $.fn.inputSelectBox = function (emptyText) { if (!emptyText…
做了个限制文本框最大输入长度的jquery插件,效果图(共2个文本框,限制最多10个字符): 功能:当超出设置的最大字符长度后,会截断字符串.更改当前元素的css(会在1秒后还原css).支持长度超出后的异常回调 使用方式: <body> <textarea id="filter1" rows="5" cols="100"></textarea> <textarea id="filter2&qu…
1.首先引用Jquery和jqprint-0.3.js(依赖于Jquery的) <script language="javascript" src="jquery-1.4.4.min.js"> </script> <script language="javascript" src="jquery.jqprint-0.3.js"></script> 2.Hmtl代码 <div…
前言:做移动端网页下滑/点击切换到下一页的效果,采用了fullpage,js最新的版本 https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.js 因为他的初始化是酱紫的: new fullpage('#fullpage', { anchors:['page1', 'page2', 'page3'] }); anchors属性会在当前页面的地址后面加上当前页的锚点,像这样 https://alvarotrigo.com…