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

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

Javascript: Javascript实例教程(12) 隐藏script代码; Javascript实例教程(11) 创建\"后退\"按钮; HTC：浏览器上的舞者; JavaScript 小技巧(第四集); Javascript实例教程(20) 使用HoTMetal(7); 点一下，首页地址添加到收藏夹(javascript); Javascript设计漫天雪花; Javascript实例教程(21) OLE Automation(2); Javascript实例教程(20) 使用HoTMetal(3); Javascript制作闪烁的边框; JavaScript对象与数组参考大全; Javascript实例教程(21) OLE Automation(3); 利用JavaScript制作倒计时牌; Javascript实例教程(5) 利用Javascript创建对象; 利用JAVASCRIPT制作简单动画; Javascript实例教程(15) JS代替CGI; Javascript实例教程(19) 数组; JavaScript[对象.属性]集锦之三; Javascript实例教程(21) OLE Automation(6); JavaScript 小技巧(第一集)

No. « ‹ 9 10 11 12 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的鼠标放在放在输入框上面提示效果