標籤: jQuery 頁1

網路資源

[jQuery] instastory.js- 方便好用的抓取 instagram hash tag 的 plugin

instastory.js 方便好用的抓取 instagram hash tag 的 plugin,只要使用 jQuery 並透過簡單的設定,就能抓取指定的 ig hash tag 照片了。

教學

[jQuery] 按下加到購物車後,物品飛到購物車的效果

有些網站為了增加互動,會做把物品點了後東西飛到購物車的效果,這個只要善用網頁排版的概念就能夠做出來了,這邊來示範一下。

教學

[jQuery] 點選圖片後切換循環播放效果

用一個陣列來儲存圖片,在點擊的時候切換圖片的 index 並加上動畫完成。

教學

[CodeIgniter] 使用 reCAPTCHA 驗證(包含 AJAX) 教學

如果要在網站上加裝防機器人的機制,google 提供的這個 reCAPTCHA 是一個很方便的套件,如果有投票、留言板之類的功能怕被灌票的話,可以透過裝上這個來防治。

教學

[jQuery] 取得 datalist 的值

使用 jQuery 取得 datalist 標籤的內容的方法。

教學

使用js的setInterval實現網頁打字機效果

練習用jquery寫打字機的效果。

教學

用 jquery 製作自動伸展寬度的 input 欄位

因為有需求所以研究怎麼寫這樣的 UI: 如果在input的時候,想要後面一直有固定的值的寫法,又希望在打的時候能夠自動跟著輸入的值,這樣看起來使用者會覺得這個值就是之後會輸入到系統的值。

教學

使用 jQuery ajax 上傳 csv 後並透過 D3.js 畫出圖表

在網頁上用 ajax 動態上傳檔案後並馬上繪製出圖表,結合 jquery 跟 d3.js。

教學

[jQuery] 使用 js 讓用 img 嵌入的 svg 可以變色

使用 js 把用 img 讀入的外部 svg 檔案轉成 svg 標籤內容。

教學

[jQuery] 使用 .on 將事件綁到動態產生的元素上

在 jQuery 裡要把事件綁到動態產生的元素要用 .on(),可以看影片注意該怎麼使用。

教學

[jQuery] 透過 json 資料更新 input 的欄位的值

利用 jQuery 透過 json 資料更新輸入欄位的做法。

教學

[jQuery] 依據點擊位置新增(append)元素的方法

使用 jQuery 製作點擊後在頁面上新增元素的方法。

教學

[jQuery] 點擊後取得該點在元素上的座標位置

用 jQuery 取得點擊元素後的座標位置的方法。

教學

將輸入的資料轉換為 json 後再傳到後端- 使用 php 以及 jQuery

示範使用 php 以及 jQuery將輸入的資料轉換為 json 後再傳到後端的方法。

教學

[jQuery] 檢查被勾選的 checkbox 的數目

用 jQuery 檢查被勾選的 checkbox 的數目的方法。

教學

將資料用 json 格式存在前端後再取用的方法- 使用 php 與 jQuery

做前後端整合的時候都應該盡量避免太過頻繁的存取資料庫的資料,這邊來講一下把資料庫讀出來的資料存在前端的 json 後再去讀取的方法。

網路資源

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

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

網路資源

jQuery Plugins- 收集 jQuery Plugins 的集合網站

jQuery Plugins 是一個如同名字般直接的收集 jQuery Plugins 的集合網站,不過因為時代的改變現在上面也滿多是不用 jQuery 的套件了,有興趣的可以上來找找有沒有想要的效果。