鼠标放在放在输入框上面提示效果- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 鼠标放在放在输入框上面提示效果

Javascript: javascript 多图浏览超炫效果; 对采用动态原型方式无法展示继承机制得思考; JS 控制非法字符的输入代码; JSON 编辑器实现代码; jquery select操作的日期联动实现代码; select列表内容交换的js实现代码; javascript Demo模态窗口; JavaScript 加号(+)运算符号; javascript 动态生成私有变量访问器; javascript 模拟JQuery的Ready方法实现并出现的问题; jquery ready函数源代码研究; ASP Json Parser修正版; js select多选列表传值代码; JavaScript 对象模型执行模型; js 操作select相关方法函数; IE和firefox浏览器的event事件兼容性汇总; js event事件的传递与冒泡处理; 兼容IE,firefox的获取节点的文本值的javascript代码; IE7中javascript操作CheckBox的checked=true不打勾的解决方法; javascript Array.sort() 跨浏览器下需要考虑的问题

No. « ‹ 245 246 247 248 › »

技术文章搜索

关键字

Javascript 中的鼠标放在放在输入框上面提示效果

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 228 ::

收藏到网摘: n/a

线路分流自动跳转代码；希望对大家有用！常用js脚本

点击运行可以看到效果:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){ my_tips.innerHTML=tips; my_tips.style.display=""; my_tips.style.width=iwidth; my_tips.style.left=event.clientX+10+document.body.scrollLeft; my_tips.style.top=event.clientY+10+document.body.scrollTop; }
else { my_tips.style.display="none"; }
}
</script>
<style>
body{font-size:12px}
</style>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<form name="form1" method="post" action=""> 用户名： <input type="text" name="textfield" tips="*** 输入用户名." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> 密 码： <input type="text" name="textfield2" tips="*** 输入密码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> 验证码： <input type="text" name="textfield3" tips="*** 输入验证码." onmousemove=seashowtip(this.tips,1,150) onmouseout=seashowtip(this.tips,0,150)> <input type="submit" name="Submit" value="提交">
</form>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

线路分流自动跳转代码；希望对大家有用！常用js脚本

Javascript 中的 鼠标放在放在输入框上面提示效果

评论 (0) All

Javascript 中的鼠标放在放在输入框上面提示效果