本文实例讲述了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程序设计有所帮助。
