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

2022-05-26 17:30:11 字數 808 閱讀 9737

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"

>

<

h3>第二屏

h3>

<

p>滾動到第二屏後的**函式執行的效果

p>

div>

<

div

class

="section section3"

>

<

h3>第三屏

h3>

<

p>滾動到第三屏後的**函式執行的效果

p>

div>

<

div

class

="section section4"

>

<

h3>第四屏

h3>

<

p>滾動到第四屏後的**函式執行的效果

p>

div>

div>

3. 編寫樣式

4. 書寫js

())})

個人製作jQuery滾動外掛程式

第一次寫部落格,寫的不好請見諒!試寫.演示位址1 演示位址2 這是我根據自己之前的工作經驗寫的兩個外掛程式,現在將它們分享出來,希望可以幫助其他人,也希望大家指正缺點,共同進步!功能分析 主要實現的切換方式有五種 左右切換,上下切換和隱藏顯示 引數 leftbtn 左邊切換按鈕 right btn ...

js 全屏滾動

嘗試著自己寫乙個全屏滾動的 結果寫出來的效果是這樣的 監聽 listen function window.onmousewheel document.onmousewheel this scroll this.main.addeventlistener touchstart this.touch,f...

jquery滾動條外掛程式slimScroll

引數 width auto 可滾動區域寬度 height 100 可滾動區域高度 size 10px 元件寬度 color 000 滾動條顏色 position right 元件位置 left right distance 0px 元件與側邊之間的距離 start top 預設滾動位置 top bo...