本文實例講述了jquery搜尋框效果實作方法。分享給大家供大家參考。具體實作方法如下:
jquery:搜尋框效果
補充說明:有些不完美,如果搜尋框原來還有其它樣式,當失去焦點時,如果採用例子中的程式碼,那其它樣式也會沒了,因為attr()為設定樣式。如果採用addClass()為追加樣式,也不太合適,雖然能達到效果,但原來的c2樣式還在,顯示時被c1樣式替換而已(這需要c1樣式寫在c2後面)。好像沒有替換樣式的方法?
修改後解決上面的問題,較完美版本(程式碼還可以最佳化更簡單)
jquery:搜尋框效果
希望本文所述對大家的jQuery程式設計有所幫助。