標籤: jQuery 頁1

Vide- 簡單好用的 jQuery 影片背景播放套件
網路資源

Vide- 簡單好用的 jQuery 影片背景播放套件

Vide 是一個簡單好用的 jQuery 影片背景播放套件,只要讀入後透過 data 屬性設定即可。

jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件
網路資源

jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件

jquery.mb.vimeoPlayer 是一個可以輕鬆把 vimeo 影片當成網頁背景的 jQeury 套件,本篇介紹該如何套用。

使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片
網路資源

使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片

youtube-background.js 是一個可以把 Youtube 影片設定成網頁上的背景播放影片的 jQuery 套件,簡單設定後就可以將指定的 YouTube 影片在頁面上的背景播放了。

如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery
教學

如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery

說明如何在 WordPress 的樣板(Template)檔案裡面執行 jQuery 的方法。

透過 javascript(jQuery) 修改 CSS 變數的值
教學

透過 javascript(jQuery) 修改 CSS 變數的值

在 CSS 有原生變數後我們要來撰寫 CSS 也可以變得很有彈性,那如果我們想要用 javascript(jQuery) 來修改變數的值,就跟之前要修改 CSS 的屬性一樣的規則就好。

利用 javascript 偵測頁面離開前的事件,避免在編輯過程中忘記存檔導致內容遺失- beforeunload event
教學

利用 javascript 偵測頁面離開前的事件,避免在編輯過程中忘記存檔導致內容遺失- beforeunload event

說明利用 javascript 的 beforeunload event 來偵測使用者要離開頁面的事件,避免因為編輯後未存擋造成內容遺失的情況。

[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果
網路資源

[jQuery Plugin] onepageNav.js 選單與捲動位置的互動效果

onepageNav.js 就是可以用來簡單製作捲動與選單互動效果的套件,這隻是 jQuery 的,所以要先讀入 jQuery 後再讀取這隻 plugin。

[jQuery] 偵測頁面是往上或往下捲動
教學

[jQuery] 偵測頁面是往上或往下捲動

要在 jQuery 內抓到是往上捲或往下捲,可以抓取 wheel 的事件,並在他回傳的事件物件裡可以抓到是往上或往下。

[jQuery Plugin] Stroll.js 隨捲動位置增加網頁元素出現與隱藏效果的套件
網路資源

[jQuery Plugin] Stroll.js 隨捲動位置增加網頁元素出現與隱藏效果的套件

Stroll.js 是一個簡單製作當捲軸捲動時,讓列表的元素出現與隱藏效果的套件。

[jQuery] 透過網址的 hash 滑到指定的頁面位置
教學

[jQuery] 透過網址的 hash 滑到指定的頁面位置

說明透過 jQuery 去取得 hash 後並滑到該處的方法。

[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster
網路資源

[jQuerry Plugin] 好用的響應式 3D cover flow 套件- flipster

flipster 是一個好用的 3D cover flow jQuery 套件,簡單照他的格式設置就能使用。

[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件
教學

[WordPress Plugin] 透過 jQuery 或 javascript 捕捉 Contact Form 7 的事件

說明抓取 WordPress plugin Contact Form 7 javascript 的事件說明,用原生的 javascript 以及 jQuery 示範。

[jQuery Plugin] Jquery Toast Plugin- 簡單產出生動的提示訊息
網路資源

[jQuery Plugin] Jquery Toast Plugin- 簡單產出生動的提示訊息

在網站上如果要提示使用者訊息,目前滿常見是這種 toast UI,而這邊介紹一個 jQuery 的套件 Jquery Toast Plugin 就可以簡單達成效果。

jQuery Script.net- 收集 jQeury plugin 的集合網站
網路資源

jQuery Script.net- 收集 jQeury plugin 的集合網站

jQuery Script.net 是一個收集 jQeury plugin 的集合網站,可以依據自己的需求尋找適合的 plugin。

[jQuery Plugin] 倒數計時- jQuery.countdown
網路資源

[jQuery Plugin] 倒數計時- jQuery.countdown

要使用倒數計時功能找到一隻很方便的 plugin- jQuery.countdown,基本的使用方法是把 plugin 讀入後像這樣寫。

[jQuery Plugin] 拖曳切換內容- twentytwenty
網路資源

[jQuery Plugin] 拖曳切換內容- twentytwenty

如果想要做一些可以拖曳切換兩種狀態的樣子,很像開窗戶的感覺可以參考這個 plugin,應該很多人會用來做 before/after 的比對。

[jQuery plugin] 簡單音效外掛- EasyAudioEffects.js
網路資源

[jQuery plugin] 簡單音效外掛- EasyAudioEffects.js

想要幫你的網站簡單的點綴一點音效的話,可以試一下這個 EasyAudioEffects.js。

[jQuery Plugin] dragScroll.js- 幫頁面上可捲動的區塊套上 drag/swipe 效果
網路資源

[jQuery Plugin] dragScroll.js- 幫頁面上可捲動的區塊套上 drag/swipe 效果

當我們頁面上出現可捲動區域,尤其是橫向捲動時,在電腦上會因為滾輪預設不會左右捲動的關係而變得很難操作,為了處理這個我們就可以在上面套上 drag 的事件方便使用者可以直接拖曳後使用,這時就可以考慮 dragScroll.js 這隻套件。