资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
鼠标放在放在输入框上面提示效果
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>鼠标提示</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%20%20%0D%0Afunction%20seashowtip(tips%2Cflag%2Ciwidth)%7B%20%20%0D%0Avar%20my_tips%3Ddocument.all.mytips%3B%20%20%0D%0Aif(flag)%7B%20%20%0D%0A%20%20%20%20my_tips.innerHTML%3Dtips%3B%20%20%0D%0A%20%20%20%20my_tips.style.display%3D%22%22%3B%20%20%0D%0A%20%20%20%20my_tips.style.width%3Diwidth%3B%20%20%0D%0A%20%20%20%20my_tips.style.left%3Devent.clientX%2B10%2Bdocument.body.scrollLeft%3B%20%20%0D%0A%20%20%20%20my_tips.style.top%3Devent.clientY%2B10%2Bdocument.body.scrollTop%3B%20%20%0D%0A%20%20%20%7D%20%20%0D%0Aelse%20%20%20%0D%0A%20%20%7B%20%20%0D%0A%20%20%20my_tips.style.display%3D%22none%22%3B%20%20%0D%0A%20%20%20%7D%20%20%0D%0A%7D%20%20%0D%0A%3C%2Fscript%3E"> <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需刷新才能执行
]
教程首页
更多教程