编程 Javascript

给超链接添加特效鼠标移动展示提示信息且随鼠标移动

Posted in Javascript onOctober 17, 2013

<!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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

实用javaScript技术-屏蔽类

Aug 15 Javascript

javascript xml为数据源的下拉框控件

Jul 07 Javascript

javascript 动态加载 css 方法总结

Jul 11 Javascript

jquery validation验证身份证号,护照,电话号码,email(实例代码)

Nov 06 Javascript

JavaScript修改浏览器tab标题小技巧

Jan 06 Javascript

12个超实用的JQuery代码片段

Nov 02 Javascript

BootStrap iCheck插件全选与获取value值的解决方法

Aug 24 Javascript

纯JS代码实现隔行变色鼠标移入高亮

Nov 23 Javascript

Node.js对MongoDB数据库实现模糊查询的方法

May 03 Javascript

详解mpvue小程序中怎么引入iconfont字体图标

Oct 01 Javascript

JavaScript中AOP的实现与应用

May 06 Javascript

js实现弹幕飞机效果

Aug 27 Javascript

JS对HTML标签select的获取、添加、删除操作

Oct 17 #Javascript

JS操作数据库的实例代码

Oct 17 #Javascript

JavaScript调用后台的三种方法实例

Oct 17 #Javascript

9行javascript代码获取QQ群成员具体实现

Oct 16 #Javascript

JS实现时间格式化的方式汇总

Oct 16 #Javascript

利用CSS、JavaScript及Ajax实现高效的图片预加载

Oct 16 #Javascript

div模拟滚动条效果示例代码

Oct 16 #Javascript