鼠标移动到某处弹出一个显示信息框 代码
来源:互联网 发布:学了c语言能干什么 编辑:程序博客网 时间:2024/05/17 04:00
<style>
body, div
{
font-size: 0.9em;
font-family: verdana;
}
.copyright
{
text-align: center;
font-size: 1em;
}
.tips
{
border: 1px solid #666666;
padding: 5px 10px 5px 10px;
position: absolute;
background-color: #ffffff;
filter:alpha(Opacity=80);
}
</style>
<br><br><br><br><br><br>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.onmouseover = document.onmousemove = fnHandleOver;
document.onmouseout = fnHandleOut;
var _tips = document.createElement("DIV");
_tips.className = "tips";
document.body.appendChild(_tips);
function fnHandleOver() {
var El = event.srcElement;
var Tips = El.getAttribute("tips");
if (!Tips) { _tips.style.display = "none"; return; }
with (_tips.style) {
display = "";
left = event.clientX + 10;
top = event.clientY - 70;
}
_tips.innerHTML = Tips;
}
function fnHandleOut() {
_tips.style.display = "none";
}
//-->
</SCRIPT>
<h4 class="copyright" tips="显示信息 "> 鼠标移过来 </h4>
body, div
{
font-size: 0.9em;
font-family: verdana;
}
.copyright
{
text-align: center;
font-size: 1em;
}
.tips
{
border: 1px solid #666666;
padding: 5px 10px 5px 10px;
position: absolute;
background-color: #ffffff;
filter:alpha(Opacity=80);
}
</style>
<br><br><br><br><br><br>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.onmouseover = document.onmousemove = fnHandleOver;
document.onmouseout = fnHandleOut;
var _tips = document.createElement("DIV");
_tips.className = "tips";
document.body.appendChild(_tips);
function fnHandleOver() {
var El = event.srcElement;
var Tips = El.getAttribute("tips");
if (!Tips) { _tips.style.display = "none"; return; }
with (_tips.style) {
display = "";
left = event.clientX + 10;
top = event.clientY - 70;
}
_tips.innerHTML = Tips;
}
function fnHandleOut() {
_tips.style.display = "none";
}
//-->
</SCRIPT>
<h4 class="copyright" tips="显示信息 "> 鼠标移过来 </h4>
- 鼠标移动到某处弹出一个显示信息框 代码
- 鼠标移动到某处显示提示信息
- 网页1.移动到某处鼠标变小手
- 移动鼠标,弹出提示信息!
- 鼠标点击某处, 让精灵移动到该处 (如下图) 鼠标移动时, 让精灵跟随鼠标移动
- 鼠标移动到超链接上自动弹出一个层
- JQuery_鼠标移动到图标上显示相应信息
- 鼠标移动到控件上显示提示信息
- [MFC] 鼠标移动到控件上显示提示信息
- C# 鼠标移动到按钮时显示提示信息
- 自己构造一个Tree类,当鼠标移动到树的节点上的时候用提示框显示该节点的信息
- 1、当鼠标移动到目标上的时候,自动显示一个提示框。
- 鼠标移动到指定位置,弹出层
- 鼠标移动到热点上,显示详细信息(显示数据库的信息)
- js 鼠标移动到控件显示控件的文本信息 移出则不显示
- eclipse 鼠标移动到代码中的自定义变量就弹出网站
- DataGrid实现过多信息鼠标移动到记录上显示,可分页
- DataGrid实现过多信息鼠标移动到记录上显示,可分页(转)
- Win64 Driver开发问题记录(一)
- VC 查找/关闭进程
- Win64 Driver开发问题记录(二)
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- 很全的php数组操作方法
- 鼠标移动到某处弹出一个显示信息框 代码
- Wince6.0 R3 SilverLight应用程序
- SQL Server事务和并发性的一些基础知识(未完待续)
- mtk android smartphone方案 低电量报警
- hdu2846
- linux的hello驱动
- cannot find -lmysqlclient_r 错误
- 关于Android.mk编写
- phone基本概念