提示效果
来源:互联网 发布:淘宝联盟注册不了 编辑:程序博客网 时间:2024/04/29 08:51
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标指向输入框时的提示效果 - Flywe の Blog</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>
本篇文章来源于 - http://www.itokit.com - web开发技术 原文地址是:http://www.itokit.com/bbs/thread-2442-1-2.html
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标指向输入框时的提示效果 - Flywe の Blog</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>
本篇文章来源于 - http://www.itokit.com - web开发技术 原文地址是:http://www.itokit.com/bbs/thread-2442-1-2.html
- 提示效果
- HTC 提示效果 TIPS
- 弹出提示的效果
- 弹出提示的效果:
- 滤镜效果--鼠标提示
- 自定义TITLE提示效果
- Tip提示效果
- jQuery鼠标提示效果
- INPUT提示效果
- jQuery文字提示效果
- jQuery--图片提示效果
- 模拟title提示效果
- 漂亮的提示效果
- jquery图片提示效果
- [JS]超级链接提示效果
- Flex4提示框效果
- 下拉列表提示效果
- 列表瘦身&提示效果
- Asp.net 时间操作基类(短日期,长日期,时间差)
- DBA在系统设计、开发中的重要性
- 浅析大型门户网站的架构
- 程序包开发相关概念及其应用
- JavaScript计算时间差
- 提示效果
- IE内存泄漏补充:关于循环引用的详细解释
- Windows自启动程序十大藏身之所
- 男人最想拥抱的八大熟女影星(组图)
- shaded-pole-motor
- 利用IIS日志检测和分析常见WEB攻击
- 标准之争:从6000页到10000页的OOXML
- BubbleSort
- 工作挺累的