做全屏滾動網頁,實現滾動效果后,首先想到的就是網頁右邊的導航欄,要實現這個導航欄,fullpage.js插件本身就自帶配置項,只要會使用就可以實現效果了。 先介紹幾個api: anchors:定義錨鏈接,默認值為[],有了錨鏈接,就可以快速的打開定位到某一頁面,也是我們實現導航欄的關鍵 ...
fullPage.js 是一個基於 jQuery 的插件,它能夠很方便 很輕松的制作出全屏網站,主要功能有: 支持鼠標滾動 支持前進后退和鍵盤控制 多個回調函數 支持手機 平板觸摸事件 支持 CSS 動畫 支持窗口縮放 窗口縮放時自動調整 可設置滾動寬度 背景顏色 滾動速度 循環選項 回調 文本對齊方式等等 lt link rel stylesheet href css jquery.fullPa ...
2014-10-10 20:33 4 2089 推薦指數:
做全屏滾動網頁,實現滾動效果后,首先想到的就是網頁右邊的導航欄,要實現這個導航欄,fullpage.js插件本身就自帶配置項,只要會使用就可以實現效果了。 先介紹幾個api: anchors:定義錨鏈接,默認值為[],有了錨鏈接,就可以快速的打開定位到某一頁面,也是我們實現導航欄的關鍵 ...
1.fullpage地址 https://github.com/alvarotrigo/fullPage.js 2.fullpage基本配置 引入css文件和js文件 基本結構 初始化fullpage 3.fullpage原理 : 更改 ...
簡介 前幾天做了一個全屏網站效果,你可以試試 fullPage.js。 fullPage.js 是一個基於 jQuery 的插件,它能夠很方便、很輕松的制作出全屏網站,主要功能有: 支持鼠標滾動 支持前進后退和鍵盤控制 多個回調函數 支持手機、平板觸摸事件 支持 ...
fullpage.js這個基於jquery的插件,輕量又很方便。 功能: 支持鼠標滾動 支持前進 ...
CSS3動畫; 實現方法: 1.插入jquery.fullPage.css; 2.插入jquer ...
fullpage函數里面的參數: //Navigationmenu: false,//綁定菜單,設定的相關屬性與anchors的值對應后,菜單可以控制滾動,默認為false。anchors:['firstPage', 'secondPage'],//anchors定義錨鏈接,默認 ...
fullPage.js和fullPage都能實現全屏滾動,二者差別是:fullPage.js需依賴於JQuery庫,而fullPage不須要依賴不論什么一個js庫。能夠單獨使用。 一、fullPage.js實現全屏 fullPage.js是開源的JQuery插件庫 ...
http://www.wenjiangs.com/doc/fullpage-method ...