鼠标提示

最新推荐文章于 2022-03-09 21:37:18 发布

jatula

最新推荐文章于 2022-03-09 21:37:18 发布

阅读量106

点赞数

分类专栏：拾人精华文章标签： JavaScript XHTML Microsoft HTML ViewUI

本文链接：https://blog.csdn.net/jatula/article/details/83325323

版权

拾人精华专栏收录该内容

49 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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="|输入用户名|" οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<br/>
密  码：
<input type="text" name="textfield2" tips="|输入密码|" οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<br/>
验证码：
<input type="text" name="textfield3" tips="|输入验证码|" οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<input type="submit" name="Submit" value="提交">
</form>
</body>
</html>

jatula

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标提示

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
复制链接

扫一扫