要在 jQuery 內抓到是往上捲或往下捲,可以抓取 wheel 的事件,並在他回傳的事件物件裡可以抓到是往上或往下。
Stroll.js 是一個簡單製作當捲軸捲動時,讓列表的元素出現與隱藏效果的套件。
說明透過 jQuery 去取得 hash 後並滑到該處的方法。
flipster 是一個好用的 3D cover flow jQuery 套件,簡單照他的格式設置就能使用。
說明抓取 WordPress plugin Contact Form 7 javascript 的事件說明,用原生的 javascript 以及 jQuery 示範。
在網站上如果要提示使用者訊息,目前滿常見是這種 toast UI,而這邊介紹一個 jQuery 的套件 Jquery Toast Plugin 就可以簡單達成效果。
jQuery Script.net 是一個收集 jQeury plugin 的集合網站,可以依據自己的需求尋找適合的 plugin。
要使用倒數計時功能找到一隻很方便的 plugin- jQuery.countdown,基本的使用方法是把 plugin 讀入後像這樣寫。
如果想要做一些可以拖曳切換兩種狀態的樣子,很像開窗戶的感覺可以參考這個 plugin,應該很多人會用來做 before/after 的比對。
想要幫你的網站簡單的點綴一點音效的話,可以試一下這個 EasyAudioEffects.js。
當我們頁面上出現可捲動區域,尤其是橫向捲動時,在電腦上會因為滾輪預設不會左右捲動的關係而變得很難操作,為了處理這個我們就可以在上面套上 drag 的事件方便使用者可以直接拖曳後使用,這時就可以考慮 dragScroll.js 這隻套件。
要跳出 jQuery $.each 的迴圈的話,要使用 return false 就好了。
說明怎麼樣不透過換頁的方式,製作資料篩選後內容切換的功能,使用 jQuery。
jQuery contextMenu 是一個方便客製化滑鼠右鍵選單的 jQuery 套件,透過簡單的安裝就能使用。
Albe Timeline 是一個透過 JSON 就能快速建立時間軸的 jQuery Plugin。
Bootstrap 應該是現在很多人做網站都會用到的 UI Framework,在第四版之後有些舊版的 plugin UI 支援上可能有問題,這個 tag input 的功能應該也是不少想做內容型的網站的朋友需要用到的,就跟大家分享一下支援 Bootstrap 4 的 Tag input。
在 jQuery 我們可以很輕鬆的使用 .wrap() 將指定的元素用我們想要包的東西包起來,使用方法只要使用 .wrap() 將要把它包起來的 HTML 寫好就好。
simple-lightbox 是一個好用的 jQuery lightbox 套件,只要簡單引入就能使用。