js實(shí)現(xiàn)鼠標(biāo)移到鏈接文字彈出一個(gè)提示層的方法
本文實(shí)例講述了js實(shí)現(xiàn)鼠標(biāo)移到鏈接文字彈出一個(gè)提示層的方法。分享給大家供大家參考。具體分析如下:
這里實(shí)現(xiàn)鼠標(biāo)移動(dòng)到鏈接文字上面,彈出一個(gè)已定義好的DIV層的效果。在這個(gè)層里你可以加入與此鏈接對(duì)應(yīng)的信息,這樣就成了一個(gè)信息提示窗,在淘寶、新浪都能看到這種效果,很實(shí)用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠標(biāo)移到文字上彈出提示層</title>
<style type="text/css">
<!--
#box{
display:none;
width: 315px;
height: 180px;
background:#CCC;
border:1px solid #333;
padding:12px;
text-align:center;
}
-->
</style>
<script type="text/javascript" language="javascript" >
<!--
function display(){
document.getElementById("box").style.display="block";
}
function disappear(){
document.getElementById("box").style.display="none";
}
-->
</script>
</head>
<body>
<a href="#" onmouseover="display()" onmouseout="disappear()">
鼠標(biāo)放到這兒!
</a>
<div id="box" onmouseover="display()" onmouseout="disappear()">
效果不錯(cuò)吧?這里面你可以設(shè)置一張圖片,也可以是一段文字,
而且源代碼很簡(jiǎn)單哦!
</div>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JS實(shí)現(xiàn)鼠標(biāo)移動(dòng)到縮略圖顯示大圖的圖片放大效果
- js控制鼠標(biāo)事件移動(dòng)及移出效果顯示
- javascript 鼠標(biāo)懸浮圖片顯示原圖 移出鼠標(biāo)后原圖消失(多圖)
- js+html+css實(shí)現(xiàn)鼠標(biāo)移動(dòng)div實(shí)例
- js鼠標(biāo)移動(dòng)在title中顯示圖片的效果代碼
- 鼠標(biāo)拖拽移動(dòng)子窗體的JS實(shí)現(xiàn)
- jsp js鼠標(biāo)移動(dòng)到指定區(qū)域顯示選項(xiàng)卡離開時(shí)隱藏示例
- javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法
- js實(shí)現(xiàn)GridView單選效果自動(dòng)設(shè)置交替行、選中行、鼠標(biāo)移動(dòng)行背景色
- JavaScript實(shí)現(xiàn)類似拉勾網(wǎng)的鼠標(biāo)移入移出效果
相關(guān)文章
js實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)滾動(dòng)條自動(dòng)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12
Firefox和IE兼容性問(wèn)題及解決方法總結(jié)
IE和Firefox(火狐)在JavaScript方面的不兼容及統(tǒng)一方法在本文做下總結(jié),感興趣的朋友可以參考下2013-10-10
教你用幾十行js實(shí)現(xiàn)很炫的canvas交互特效
HTML5中的大部分動(dòng)畫都是通過(guò)Canvas實(shí)現(xiàn),因?yàn)镃anvas就像一塊畫布,我們可以通過(guò)調(diào)用腳本在Canvas上繪制任意形狀,甚至是制作動(dòng)畫,這篇文章主要給大家介紹了關(guān)于用幾十行js實(shí)現(xiàn)很炫的canvas交互特效的相關(guān)資料,需要的朋友可以參考下2021-11-11
requirejs按需加載angularjs文件實(shí)例
本篇文章主要介紹了requirejs按需加載angularjs文件實(shí)例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06

