本文實例講述了jquery實作搜尋框常見效果的方法。分享給大家供大家參考。具體實作方法如下： 複製程式碼 程式碼如下: jquery搜尋框效果 <br /> $(function(){<br /> var searchBox = $("#search");<br /> searchBox.focus(function(){<br /> if(searchBox.val() == this.title){<br /> searchBox.val("").css({'font-style':'normal','color':'#000'});<br /> }<br /> });<br /> //遊標離開搜尋框時<br /> searchBox.blur(function(){<br /> if(searchBox.val() == ""){<br /> searchBox.val(this.title).css({'font-style':'italic','color':'#ccc'});<br /> }<br /> });<br /> searchBox.blur();<br /> });<br /> 希望本文所述對大家的jQuery程式設計有所幫助。
