首頁  >  文章  >  web前端  >  jquery搜尋框效果實作方法_jquery

jquery搜尋框效果實作方法_jquery

WBOY
WBOY原創
2016-05-16 16:19:551494瀏覽

本文實例講述了jquery搜尋框效果實作方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:


jquery:搜尋框效果








補充說明:有些不完美,如果搜尋框原來還有其它樣式,當失去焦點時,如果採用例子中的程式碼,那其它樣式也會沒了,因為attr()為設定樣式。如果採用addClass()為追加樣式,也不太合適,雖然能達到效果,但原來的c2樣式還在,顯示時被c1樣式替換而已(這需要c1樣式寫在c2後面)。好像沒有替換樣式的方法?

修改後解決上面的問題,較完美版本(程式碼還可以最佳化更簡單)

複製程式碼 程式碼如下:


jquery:搜尋框效果







希望本文所述對大家的jQuery程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn