在不影响滚动的情况下通过 jQuery 实现的超链接式搜索栏提示
发布时间：2023-09-13 14:18:43 所属栏目：教程 来源：
导读：以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出，这边采用JQUERY在一个INPUT框中实现这种效果，具体做法为：
下面是INPUT框代码：
代码如下:
<input clas
下面是INPUT框代码：
代码如下:
<input clas
|
以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出，这边采用JQUERY在一个INPUT框中实现这种效果，具体做法为： 下面是INPUT框代码： 代码如下: <input class="search_text" type="text" value="搜索" name="searchText" /> 下面是JQUERY代码： 代码如下: //设置搜索的默认值 $(".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编辑器，有兴趣的话，可以看下哟！ （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
推荐文章
站长推荐
