Fullpage 基礎學習

2021-10-03 16:03:20 字數 854 閱讀 6027

適用於vue,react和angular

fullpage.js相容所有的現代瀏覽器,以及一些舊版瀏覽器,如internet explorer 9,opera 12等都能相容。

可相容支援css3的瀏覽器與非支援css3的瀏覽器,適用於舊版瀏覽器。

同時,手機、平板電腦和觸控螢幕電腦還提供觸屏支援。

初始化介面結構

<

!doctype html>

"en"

>

"utf-8"

>

qqzone<

/title>

<

!-- 引入的 初識化css fullpage css --

>

"stylesheet" href=

"css/base.css"

/>

"stylesheet" href=

"css/fullpage.css"

/>

<

!-- 引入自己的less --

>

"stylesheet/less" href=

"less/index.less"

/>

<

/head>

"js/jquery-3.3.1.js"

>

<

/script>

"js/fullpage.js"

>

<

/script>

"js/index.js"

>

<

/script>

<

/body>

<

/html>

fullpage框架的使用

第二屏的第一屏 第二屏的第二屏 第二屏的第三屏 我是第一頁的文字內容 我是第二頁的文字內容 1234 我是第四頁的文字內容 我是第一頁的文字內容 我是第二頁的文字內容 1234 我是第四頁的文字內容 我是第一頁的文字內容 我是第二頁的文字內容 1234 我是第四頁的文字內容 我是第一頁的文字內容 我...

jQuery全屏滾動外掛程式fullPage使用

1.引入jquery.js和jquery.fullpage.min.js 2.書寫html div id dowebok div class section section1 h3 第一屏 h3 p fullpage.js 函式演示 p div div class section section2 ...

FullPage螢幕滾動外掛程式使用教程

需要引入三個檔案jquery.fullpage.js jquery.js jquert.fullpage.css 設定乙個外層div標籤,然後設定id為 fullpage 然後設定在fullpage標籤內設定幾個 div標籤,class 設定為section 表示每一屏。在class為 select...