原文:
琴弦文字 - jquery外掛程式
這是乙個基於jquery的琴弦效果外掛程式。
以前曾經見過這個效果,有過嘗試的想法但是當時技能點還不夠。 前天在火車上偶然想起這個,認真思索了一下,一氣呵成 :d
看來最近技能樹點偏的不太遠。
琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字
the string words.the string words.the string words.the string words.
琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字
the string words.the string words.the string words.the string words.
琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字琴弦文字
the string words.the string words.the string words.the string words.
特地做了ie6的相容,,,也不知道是否可用,再附圖一張:
**放在github上,歡迎star......
使用方式:
1容器需要給乙個定位,如:relative,absolute$(selector).qin();
並不是很複雜的東西,講一下我的思路。
效果:滑鼠進入容器,能夠拖動文字。
被拖動的文字會帶動附近的文字,有乙個遞減的拖動距離,越遠被帶動的越少。
拖到一定程度,文字就會彈回去,有乙個晃動的效果。
思路:容器內的文字,拆分成乙個個span。用mousemove來監聽滑鼠。
滑鼠在容器內移動多少距離(以mouseenter來確定初始位置),文字也朝同樣的方向,移動同樣的距離。附近的文字距離遞減,最低移動0。
設定乙個最大的移動距離,當滑鼠移動距離超出這個最大值,開始回彈效果。彈動效果用緩動函式來做。
jquery外掛程式 Jwysiwyg文字編輯器
wysiwyg jquery 外掛程式 jwysiwyg v0.3 76kb,壓縮 環境 jquery 1.2.3 官方 joksnet gmail.com company 最後更新 april 01,2008 jquery google code support forum,bug tracker...
jQuery外掛程式之日曆外掛程式
在頁面開發中,經常遇到需要使用者輸入日期的操作。通常的做法是,提供乙個文字框 text 讓使用者輸入,然後,編寫 驗證輸入的資料,檢測其是否是日期型別。這樣比較麻煩,同時,使用者輸入日期的操作也不是很方便,影響使用者體驗。如果使用jquery ui中的datepicker 日曆 外掛程式,這些問題都...
jQuery常用外掛程式 cookie外掛程式
使用cookie外掛程式後,可以很方便地通過cookie物件儲存 讀取 刪除使用者的資訊,還能通過cookie外掛程式儲存使用者的瀏覽記錄 1.語法 1 呼叫格式 cookie key,value,option 其中引數key為儲存cookie物件的名稱,value為名稱對應的cookie值。2 儲...