鼠标移上去,清空输入框的提示,然后给文字附颜色"/>
jquery 友情提示:鼠标移上去,清空输入框的提示,然后给文字附颜色
先上图:【因为No pic i say ge maoxian】
1是:input的value 2是title
<input id="inputName" name="inputName" width="82px" title="请输入员工姓名![支持模糊匹配]" value="请输入员工姓名!"/>
然后鼠标移上去:提示文字消失
鼠标一开,恢复文字!
直接上代码:
查询:<input id="inputName" name="inputName" width="82px" title="请输入员工姓名![支持模糊匹配]" value="请输入员工姓名!"/><input type="button" value="查询" id="btnSelect"/>
<script type="text/javascript">//编辑function editUser(id){//alert(id);location.href='${basePath}/user/user_Edit.jspx?id='+id;}$(document).ready(function(){//批量删除$("#btnDel").click(function() {if(confirm("确认删除?")){var lstInt = new Array();var index = 0;$("input[name='checkbox']:checked").each(function() {lstInt[index] = $(this).attr("value");index++;});if (lstInt.length <= 0) {alert("你还没有选择!");return;}if (lstInt != null&& lstInt.length > 0) {location.href = '${basePath}/user/delUser.jspx?idLst=' + lstInt;}}});// 全选$("#allCheck").click(function() {$("#notAllCheck").attr("checked", "");$("input[name='checkbox']").not("input:checked").each(function() {$(this).attr("checked", "checked");});});// 全不选$("#notAllCheck").click(function() {$("#allCheck").attr("checked", "");$("input[name='checkbox']:checked").each(function() {$(this).attr("checked", "");});});//查询$("#btnSelect").click(function(){if($("#inputName").val() == "" || $("#inputName").val() == "请输入员工姓名!"){alert("请输入员工姓名![支持模糊匹配]");$("#inputName").focus();}else{var name = $("#inputName").val();location.href="user_List.jspx?action=peek&inputName="+name;}});//友情提示$("#inputName").blur(function(){if($("#inputName").val() == ""){$(this).attr("value","请输入员工姓名!");}$(this).css("color","#D6D6FF");});$("#inputName").focus(function(){if($("#inputName").val() == "请输入员工姓名!"){$(this).attr("value","");}$(this).css("color","#6699FF");});});</script>
更多推荐
jquery 友情提示:鼠标移上去,清空输入框的提示,然后给文字附颜色
发布评论