首頁 > web前端 > js教程 > jquery實作非疊加式的搜尋框提示效果_jquery

jquery實作非疊加式的搜尋框提示效果_jquery

WBOY
發布: 2016-05-16 17:04:53
原創
1108 人瀏覽過

以前一直在用JQUERY疊加兩個INPUT框來實現登陸中需要輸入的用戶名、密碼來實現提示與用戶的輸出,這邊採用JQUERY在一個INPUT框中實現這種效果,具體做法為:

下面是INPUT框程式碼:

複製程式碼 程式碼如下:



下面是JQUERY代碼:
複製程式碼 程式碼如下:

//設定搜尋的預設值
$(".search_text").focus(function(){
if($(".search_text").val()=='搜尋'){
$(".search_text").val("");
}else{
$(".search_text").val($(".search_text").val());
span>}
});
$(".search_text").blur(function(){
if($(" .search_text").val()==''){
$(".search_text").val("搜尋");
}else{
$(".search_text").val($ (".search_text").val());
}
});

格式神馬的我就不調整了,畢竟不是程式設計使用的IDE編輯器,有興趣的話,可以看下喲!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板