js 鼠标提示信息
2009-08-02 18:29
239 查看
(1)<head></head>加入
<script type="text/javascript" language="javascript">
function showTip(oEvent)
{
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="visible";
oDiv.style.left=oEvent.clientX+5;
oDiv.style.top=oEvent.clientY+5;
}
function hideTip(oEvent)
{
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="hidden";
}
</script>
(2)<body></body>加入
<input id="Text1" type="text" onmouseover="showTip(event)" onmouseout="hideTip(event)"/>
<div id="divTip1" style="background-color:Yellow; position:absolute; visibility:hidden; padding:5px; width:150px;">
<span style="font-weight:bold"><font color="red">你好,请输入</font></span>
</div>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/lovexiaoxiao/archive/2009/02/09/3870624.aspx
<script type="text/javascript" language="javascript">
function showTip(oEvent)
{
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="visible";
oDiv.style.left=oEvent.clientX+5;
oDiv.style.top=oEvent.clientY+5;
}
function hideTip(oEvent)
{
var oDiv=document.getElementById("divTip1");
oDiv.style.visibility="hidden";
}
</script>
(2)<body></body>加入
<input id="Text1" type="text" onmouseover="showTip(event)" onmouseout="hideTip(event)"/>
<div id="divTip1" style="background-color:Yellow; position:absolute; visibility:hidden; padding:5px; width:150px;">
<span style="font-weight:bold"><font color="red">你好,请输入</font></span>
</div>
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/lovexiaoxiao/archive/2009/02/09/3870624.aspx
相关文章推荐
- js操作输入框提示信息且响应鼠标事件
- js操作输入框提示信息且响应鼠标事件
- MFC中通过Tooltip类来实现悬浮鼠标显示提示信息
- JS-Jquery Header页面跳转并提示中文信息
- 提示信息 感应鼠标移动事件 自动显示url页面内容
- js实现鼠标移到链接文字弹出一个提示层的方法
- Jquery地图热点效果-鼠标经过弹出提示信息
- 提示浮层跟随鼠标移动(js版和jquery版)
- JS特效:鼠标悬停显示提示
- JS实现仿google、百度搜索框输入信息智能提示的实现方法
- html实现鼠标经过时有提示信息
- js 弹出提示信息,并跳转指定页面代码分享
- javascript获取鼠标坐标跟随控制层渐显信息提示效果(有BUG在调试中)
- js实现input密码框提示信息的方法(附html5实现方法)
- AndroidStudio 鼠标进入代码区显示提示信息
- asp.net中GridView数据鼠标移入显示提示信息
- js实现默认文本框信息 鼠标点击时没有离开时显示
- 给超链接添加特效鼠标移动展示提示信息且随鼠标移动
- 提示信息窗口的JS实现(附源码)_AX