源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery实现非叠加式的搜索框提示效果

  • 时间:2021-06-04 13:23 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery实现非叠加式的搜索框提示效果
以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出,这边采用JQUERY在一个INPUT框中实现这种效果,具体做法为: 下面是INPUT框代码:
[u]复制代码[/u] 代码如下:
<input class="search_text" type="text" value="搜索" name="searchText" />
下面是JQUERY代码:
[u]复制代码[/u] 代码如下:
//设置搜索的默认值 $(".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>} });
格式神马的我就不调整了,毕竟不是编程中使用的IDE编辑器,有兴趣的话,可以看下哟!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部