手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >给超链接添加特效鼠标移动展示提示信息且随鼠标移动
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
摘要:复制代码代码如下:NewDocumentvarc$={};varw$=function(s){document.write(s);}varo...

复制代码 代码如下:

<!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"></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>分析 </span>

</a>

</body>

</html>

【给超链接添加特效鼠标移动展示提示信息且随鼠标移动】相关文章:

javascript实现设置、获取和删除Cookie的方法

谈一谈javascript中继承的多种方式

prototype 的说明 js类

JavaScript实现的MD5算法完整实例

学习Javascript面向对象编程之封装

jQuery常用知识点总结以及平时封装常用函数

onmousewheel event 缩放图片效果

Mozilla中显示textarea中选择的文字

Jquery使用val方法读写value值

js实现简单锁屏功能实例

精品推荐
分类导航