標籤: jQuery 頁1

教學

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

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

網路資源

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

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

教學

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

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

網路資源

[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] 簡單音效外掛- EasyAudioEffects.js

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

網路資源

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

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

教學

[jQuery] 跳離 $.each 迴圈的方法

要跳出 jQuery $.each 的迴圈的話,要使用 return false 就好了。

教學

使用 php 輸出 json 資料後透過 jQuery 做資料的篩選功能

說明怎麼樣不透過換頁的方式,製作資料篩選後內容切換的功能,使用 jQuery。

網路資源

jQuery contextMenu- 方便的客製滑鼠右鍵選單套件

jQuery contextMenu 是一個方便客製化滑鼠右鍵選單的 jQuery 套件,透過簡單的安裝就能使用。

網路資源

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。

教學

[jQuery] 將指定的元素包起來- wrap

在 jQuery 我們可以很輕鬆的使用 .wrap() 將指定的元素用我們想要包的東西包起來,使用方法只要使用 .wrap() 將要把它包起來的 HTML 寫好就好。

網路資源

simple-lightbox- 好用方便的 jQuery lightnox 套件

simple-lightbox 是一個好用的 jQuery lightbox 套件,只要簡單引入就能使用。