脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 鼠标移动展示提示信息

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

 更新时间：2013年10月17日 17:32:49   作者：  
需要实现这样的效果，就是给超链接添加特效当鼠标移动到上展示提示信息且提示信息跟随鼠标移动，经测试还不错，感兴趣的朋友可以参考下

复制代码 代码如下:

<!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 iframe编程相关代码

    javascript iframe编程相关代码

    javascript iframe编程相关代码，对于熟练操作iframe的朋友有很大的帮助。
    2009-12-12
  • Javascript中字符串replace方法的第二个参数探究

    Javascript中字符串replace方法的第二个参数探究

    当我们要把一段字符串中的某些指定字符替换掉，第一时间想到的就是replace方法，他的用法很简单，W3school上讲的清晰易懂。网上有关replace的文章也有很多了，那么这篇这里主要聊聊它的第二个参数，下面来一起看看，注意阅读本文需要对replace方法有一定了解。
    2016-12-12
  • JavaScript switch语句使用方法简介

    JavaScript switch语句使用方法简介

    这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • ajax如何实现页面局部跳转与结果返回

    ajax如何实现页面局部跳转与结果返回

    AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，本篇文章给大家介绍ajax如何实现页面局部跳转与结果返回，感兴趣的朋友一起来学习
    2015-08-08
  • 详解JavaScript 中的批处理和缓存

    详解JavaScript 中的批处理和缓存

    这篇文章主要介绍了详解JavaScript 中的批处理和缓存，帮助大家完成需求，更好的理解和使用JavaScript，感兴趣的朋友可以了解下
    2020-11-11
  • 原生js实现模拟滚动条

    原生js实现模拟滚动条

    本文给大家分享的是使用原生javascript实现模拟滚动条的方法及代码，效果非常棒，有需要的小伙伴可以参考下。
    2015-06-06
  • webpack构建的详细流程探底

    webpack构建的详细流程探底

    目前，几乎所有业务的开发构建都会用到 webpack 。所以下面这篇文章主要给大家介绍了关于webpack构建的详细流程的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2018-01-01
  • js定时器(执行一次、重复执行)

    js定时器(执行一次、重复执行)

    这篇文章主要分享一段js代码，有关js定时器的小例子，分为执行一次的定时器与重复执行的定时器,需要的朋友可以参考下
    2014-03-03
  • 让插入到 innerHTML 中的 script 跑起来的实现代码

    让插入到 innerHTML 中的 script 跑起来的实现代码

    在做 ajax 编程时，我们常常需要将 xmlhttp 获取到的页面内容通过 innerHTML 来赋给某个容器（比如 div、span 或者 td 等），但是这里存在一个问题，就是我们将要赋给 innerHTML 的页面内容如果包含有脚本程序，这些脚本程序不管是外部脚本，还是内部脚本，可能(1)都不会被执行。
    2006-07-07
  • 如何将一维度数组转换成三维数组结构

    如何将一维度数组转换成三维数组结构

    在开发过程中,可能会遇到需要将一维数组转换为多维数组的情况,以满足特定数据结构的需求,文章介绍了如何将后端返回的一维列表数据通过编程方法转换成三维数组结构,以适应特定的UI展示需求,通过循环遍历和数据重组的方式,可以有效地实现数组结构的转换
    2024-09-09

最新评论