首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery 步骤模拟placeholder

2012-11-22 
jquery 方法模拟placeholdercss:#inputSearch {??? border: 1px solid #BABEBF??? color: #999999??? fo

jquery 方法模拟placeholder

css:

#inputSearch {
??? border: 1px solid #BABEBF;
??? color: #999999;
??? font-size: 14px;
??? height: 17px;
??? padding: 3px 6px 5px 6px;
??? width: 200px;
}
#inputSearch.focus{color: #000000;
??? border: 1px solid #00A5FF;
}

?

?

html:

<input type="text" id="inputSearch" value="请输入商品名称" />

?

js:

?$("#inputSearch").focus(function(){
??? $(this).addClass("focus");
??? if($(this).val() ==this.defaultValue){?
???? $(this).val("");??????????
??? }
?}).blur(function(){
?? $(this).removeClass("focus");
?? if ($(this).val() == '') {
???$(this).val(this.defaultValue);
?? }
?})

热点排行