標籤: jQuery 頁1
教學
利用 javascript 偵測頁面離開前的事件，避免在編輯過程中忘記存檔導致內容遺失- beforeunload event
說明利用 javascript 的 beforeunload event 來偵測使用者要離開頁面的事件，避免因為編輯後未存擋造成內容遺失的情況。
網路資源
[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果
onepageNav.js 就是可以用來簡單製作捲動與選單互動效果的套件，這隻是 jQuery 的，所以要先讀入 jQuery 後再讀取這隻 plugin。
網路資源
[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster
flipster 是一個好用的 3D cover flow jQuery 套件，簡單照他的格式設置就能使用。
教學
[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件
說明抓取 WordPress plugin Contact Form 7 javascript 的事件說明，用原生的 javascript 以及 jQuery 示範。
網路資源
[jQuery Plugin] Jquery Toast Plugin- 簡單產出生動的提示訊息
在網站上如果要提示使用者訊息，目前滿常見是這種 toast UI，而這邊介紹一個 jQuery 的套件 Jquery Toast Plugin 就可以簡單達成效果。
網路資源
jQuery Script.net- 收集 jQeury plugin 的集合網站
jQuery Script.net 是一個收集 jQeury plugin 的集合網站，可以依據自己的需求尋找適合的 plugin。
網路資源
[jQuery Plugin] 倒數計時- jQuery.countdown
要使用倒數計時功能找到一隻很方便的 plugin- jQuery.countdown，基本的使用方法是把 plugin 讀入後像這樣寫。
網路資源
[jQuery Plugin] 拖曳切換內容- twentytwenty
如果想要做一些可以拖曳切換兩種狀態的樣子，很像開窗戶的感覺可以參考這個 plugin，應該很多人會用來做 before/after 的比對。
網路資源
[jQuery Plugin] dragScroll.js- 幫頁面上可捲動的區塊套上 drag/swipe 效果
當我們頁面上出現可捲動區域，尤其是橫向捲動時，在電腦上會因為滾輪預設不會左右捲動的關係而變得很難操作，為了處理這個我們就可以在上面套上 drag 的事件方便使用者可以直接拖曳後使用，這時就可以考慮 dragScroll.js 這隻套件。
網路資源
Albe Timeline- 透過 JSON 就能快速建立時間軸的 jQuery Plugin
Albe Timeline 是一個透過 JSON 就能快速建立時間軸的 jQuery Plugin。
網路資源
[jQuery plugin] Bootstrap 4 的 Tag input
Bootstrap 應該是現在很多人做網站都會用到的 UI Framework，在第四版之後有些舊版的 plugin UI 支援上可能有問題，這個 tag input 的功能應該也是不少想做內容型的網站的朋友需要用到的，就跟大家分享一下支援 Bootstrap 4 的 Tag input。