车荣汽车网

全部频道

您的当前位置：首页jquery实现搜索框常见效果的方法_jquery

jquery实现搜索框常见效果的方法_jquery

来源：车荣汽车网


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

显示全文