本文实例讲述了jquery实现搜索框常见效果的方法。分享给大家供大家参考。具体实现方法如下：
代码如下:
jquery搜索框效果
$(function(){
var searchBox = $("#search");
searchBox.focus(function(){
if(searchBox.val() == this.title){
searchBox.val("").css({'font-style':'normal','color':'#000'});
}
});
//光标离开搜索框时
searchBox.blur(function(){
if(searchBox.val() == ""){
searchBox.val(this.title).css({'font-style':'italic','color':'#ccc'});
}
});
searchBox.blur();
});
希望本文所述对大家的jQuery程序设计有所帮助。
