標籤: jQuery 頁1
網路資源
jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件
jquery.mb.vimeoPlayer 是一個可以輕鬆把 vimeo 影片當成網頁背景的 jQeury 套件，本篇介紹該如何套用。
網路資源
使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片
youtube-background.js 是一個可以把 Youtube 影片設定成網頁上的背景播放影片的 jQuery 套件，簡單設定後就可以將指定的 YouTube 影片在頁面上的背景播放了。
教學
透過 javascript(jQuery) 修改 CSS 變數的值
在 CSS 有原生變數後我們要來撰寫 CSS 也可以變得很有彈性，那如果我們想要用 javascript(jQuery) 來修改變數的值，就跟之前要修改 CSS 的屬性一樣的規則就好。
教學
利用 javascript 偵測頁面離開前的事件，避免在編輯過程中忘記存檔導致內容遺失- beforeunload event
說明利用 javascript 的 beforeunload event 來偵測使用者要離開頁面的事件，避免因為編輯後未存擋造成內容遺失的情況。
![[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果](/assets/upload/1588088792122_0.jpg)
網路資源
[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果
onepageNav.js 就是可以用來簡單製作捲動與選單互動效果的套件，這隻是 jQuery 的，所以要先讀入 jQuery 後再讀取這隻 plugin。
![[jQuery Plugin] Stroll.js 隨捲動位置增加網頁元素出現與隱藏效果的套件](/assets/upload/1648023272443_0.jpg)
![[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster](/assets/upload/1647747465128_0.jpg)
網路資源
[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster
flipster 是一個好用的 3D cover flow jQuery 套件，簡單照他的格式設置就能使用。
![[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件](/assets/upload/1613481490813_0.png)
教學
[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 這隻套件。