快捷導(dǎo)航

給超鏈接添加特效鼠標(biāo)移動(dòng)展示提示信息且隨鼠標(biāo)移動(dòng)

更新時(shí)間：2013年10月17日 17:32:49 作者：

需要實(shí)現(xiàn)這樣的效果，就是給超鏈接添加特效當(dāng)鼠標(biāo)移動(dòng)到上展示提示信息且提示信息跟隨鼠標(biāo)移動(dòng)，經(jīng)測(cè)試還不錯(cuò)，感興趣的朋友可以參考下

 
<!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,'點(diǎn)擊查看設(shè)備誤差分析');" onmouseout="c$.mout();"> 
<span style="color:blue;text-decoration:underline;">分析 </span> 
</a> 
</body> 
</html> 

您可能感興趣的文章:

鼠標(biāo)移動(dòng)到超鏈接上的效果

相關(guān)文章

javascript iframe編程相關(guān)代碼
javascript iframe編程相關(guān)代碼，對(duì)于熟練操作iframe的朋友有很大的幫助。
2009-12-12
Javascript中字符串replace方法的第二個(gè)參數(shù)探究
當(dāng)我們要把一段字符串中的某些指定字符替換掉，第一時(shí)間想到的就是replace方法，他的用法很簡(jiǎn)單，W3school上講的清晰易懂。網(wǎng)上有關(guān)replace的文章也有很多了，那么這篇這里主要聊聊它的第二個(gè)參數(shù)，下面來(lái)一起看看，注意閱讀本文需要對(duì)replace方法有一定了解。
2016-12-12
JavaScript switch語(yǔ)句使用方法簡(jiǎn)介
這篇文章主要介紹了JavaScript switch語(yǔ)句使用方法簡(jiǎn)介,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
ajax如何實(shí)現(xiàn)頁(yè)面局部跳轉(zhuǎn)與結(jié)果返回
AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)，通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新，本篇文章給大家介紹ajax如何實(shí)現(xiàn)頁(yè)面局部跳轉(zhuǎn)與結(jié)果返回，感興趣的朋友一起來(lái)學(xué)習(xí)
2015-08-08
詳解JavaScript 中的批處理和緩存
這篇文章主要介紹了詳解JavaScript 中的批處理和緩存，幫助大家完成需求，更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
原生js實(shí)現(xiàn)模擬滾動(dòng)條
本文給大家分享的是使用原生javascript實(shí)現(xiàn)模擬滾動(dòng)條的方法及代碼，效果非常棒，有需要的小伙伴可以參考下。
2015-06-06
webpack構(gòu)建的詳細(xì)流程探底
目前，幾乎所有業(yè)務(wù)的開發(fā)構(gòu)建都會(huì)用到 webpack 。所以下面這篇文章主要給大家介紹了關(guān)于webpack構(gòu)建的詳細(xì)流程的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
2018-01-01
js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
這篇文章主要分享一段js代碼，有關(guān)js定時(shí)器的小例子，分為執(zhí)行一次的定時(shí)器與重復(fù)執(zhí)行的定時(shí)器,需要的朋友可以參考下
2014-03-03
讓插入到 innerHTML 中的 script 跑起來(lái)的實(shí)現(xiàn)代碼
在做 ajax 編程時(shí)，我們常常需要將 xmlhttp 獲取到的頁(yè)面內(nèi)容通過 innerHTML 來(lái)賦給某個(gè)容器（比如 div、span 或者 td 等），但是這里存在一個(gè)問題，就是我們將要賦給 innerHTML 的頁(yè)面內(nèi)容如果包含有腳本程序，這些腳本程序不管是外部腳本，還是內(nèi)部腳本，可能(1)都不會(huì)被執(zhí)行。
2006-07-07
如何將一維度數(shù)組轉(zhuǎn)換成三維數(shù)組結(jié)構(gòu)
在開發(fā)過程中,可能會(huì)遇到需要將一維數(shù)組轉(zhuǎn)換為多維數(shù)組的情況,以滿足特定數(shù)據(jù)結(jié)構(gòu)的需求,文章介紹了如何將后端返回的一維列表數(shù)據(jù)通過編程方法轉(zhuǎn)換成三維數(shù)組結(jié)構(gòu),以適應(yīng)特定的UI展示需求,通過循環(huán)遍歷和數(shù)據(jù)重組的方式,可以有效地實(shí)現(xiàn)數(shù)組結(jié)構(gòu)的轉(zhuǎn)換
2024-09-09