欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery實(shí)現(xiàn)非疊加式的搜索框提示效果

 更新時(shí)間：2014年01月07日 16:26:39   作者：  
用JQUERY疊加兩個(gè)INPUT框來實(shí)現(xiàn)登陸中需要輸入的用戶名、密碼來實(shí)現(xiàn)提示與用戶的輸出，使用jquery在一個(gè)INPUT框中即可實(shí)現(xiàn)
以前一直在用JQUERY疊加兩個(gè)INPUT框來實(shí)現(xiàn)登陸中需要輸入的用戶名、密碼來實(shí)現(xiàn)提示與用戶的輸出，這邊采用JQUERY在一個(gè)INPUT框中實(shí)現(xiàn)這種效果，具體做法為：

下面是INPUT框代碼：
復(fù)制代碼 代碼如下:

<input class="search_text" type="text" value="搜索" name="searchText" />

下面是JQUERY代碼：
復(fù)制代碼 代碼如下:

//設(shè)置搜索的默認(rèn)值
$(".search_text").focus(function(){
<span style="white-space:pre"> </span>if($(".search_text").val()=='搜索'){
<span style="white-space:pre"> </span>$(".search_text").val("");
<span style="white-space:pre"> </span>}else{
<span style="white-space:pre"> </span>$(".search_text").val($(".search_text").val());
<span style="white-space:pre"> </span>}
});
$(".search_text").blur(function(){
<span style="white-space:pre"> </span>if($(".search_text").val()==''){
<span style="white-space:pre"> </span>$(".search_text").val("搜索");
<span style="white-space:pre"> </span>}else{
<span style="white-space:pre"> </span>$(".search_text").val($(".search_text").val());
<span style="white-space:pre"> </span>}
});

格式神馬的我就不調(diào)整了，畢竟不是編程中使用的IDE編輯器，有興趣的話，可以看下喲！

相關(guān)文章

最新評(píng)論