给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2018-10-12 14:05
232 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
</head>
<script>
var c$={};
var w$=function(s){document.write(s);}
var o$=function(id){return document.getElementById(id);}
w$("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border: 1px solid #FFCC99;display:none\"></div>");
c$.mmove=function(o,s){
//alert(typeof(s));
var evt=event||window.event;
var x=evt.clientX+5;
var y=evt.clientY+20;
o$("ts").style.left=x+"px";
o$("ts").style.top=y+"px";
if(s==""||typeof(s)=="undefined"){
o$("ts").innerHTML=o.innerHTML;
}else{
o$("ts").innerHTML=s
}
o$("ts").style.display="";
}
c$.mout=function(){
o$("ts").style.display="none";
}
</script>
<body>
<a href="#" onmousemove="c$.mmove(this,'点击查看设备误差分析');" onmouseout="c$.mout();">
<span style="color:blue;text-decoration:underline;">分析 </span>
</a>
</body>
</html>
您可能感兴趣的文章:
相关文章推荐
- 给超链接添加特效-鼠标移动到上展示提示信息-提示信息跟随鼠标移动
- 给超链接添加特效鼠标移动展示提示信息且随鼠标移动
- MFC添加鼠标移动到控件上时的提示信息
- MFC添加鼠标移动到控件上时的提示信息
- 2011-12-02 08:41 MFC添加鼠标移动到控件上时的提示信息
- 移动鼠标显示提示信息
- jquery实现鼠标移动出现提示信息
- jquery实现鼠标移动出现提示信息
- jquery当鼠标移动到button按钮控件时,会出现提示信息
- 跟随鼠标移动的图片制作的提示信息框
- ExtJS -- QuickTip grid设置鼠标移动到行时提示第一列的信息
- flex 图表提示信息随鼠标移动
- 解决窗口响应鼠标离开事件,在鼠标移动的地方添加信息注册
- 跟随鼠标移动浮动显示大图展示的特效
- Dev系列控件之XtraChart高级应用(模拟flash鼠标移动,点击实现相关信息提示)
- 鼠标移动到控件上显示提示信息
- 提示信息 感应鼠标移动事件 自动显示url页面内容
- MFC 学习之 鼠标移动到Toolbar按钮上显示提示信息(tooltip),状态栏也随之改变
- jquery插件实现鼠标移动到中国地图提示框地区数据提示的特效
- Dev系列控件之XtraChart高级应用(模拟flash鼠标移动,点击实现相关信息提示)