鼠標(biāo)經(jīng)過顯示二級菜單js特效
更新時間：2013年08月13日 16:15:48 作者：
本文章來給大家推薦一個不錯的鼠標(biāo)經(jīng)過顯示二級菜單js特效效果，有需要了解的朋友可以參考一下
復(fù)制代碼 代碼如下:
<!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=gb2312" />
<title>鼠標(biāo)經(jīng)過顯示二級菜單js特效</title>
</head>
<body>
<a href="http://www.fzitv.net" onMouseover="showit(0)">腳本之家</a> | <a onMouseover="showit(1)">播放器之家</a><br>
<div id="describe" style="width:600px;height:40px; margin-top:10px;" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
<script language="JavaScript1.2">
var submenu=new Array()
submenu[0]='<b><a href="http://www.fzitv.net/">腳本之家</a> | <a >播放器之家</a> | <a >素材之家</a> | <a >個性名字網(wǎng)</a> | <a
submenu[1]='<b><a href="http://www.fzitv.net/">腳本之家</a> | <a >播放器之家</a> | <a >素材之家</a> | <a
var delay_hide=500
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}
function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}
function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</script>
</body>
</html></td>
</tr>
</table>
相關(guān)文章
詳解JavaScript基于面向?qū)ο笾畡?chuàng)建對象（1）
這篇文章主要介紹了JavaScript基于面向?qū)ο笾畡?chuàng)建對象，對創(chuàng)建對象進(jìn)行了詳細(xì)描述，感興趣的小伙伴們可以參考一下2015-12-12
本文是上一篇文章《用js讀、寫、刪除Cookie代碼分享及詳細(xì)注釋說明》發(fā)現(xiàn)了些問題，進(jìn)行分析解決，推薦給大家2014-12-12
詳解用Webpack與Babel配置ES6開發(fā)環(huán)境
這篇文章主要介紹了詳解用Webpack與Babel配置ES6開發(fā)環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要為大家詳細(xì)介紹了JavaScript制作簡單網(wǎng)頁計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
聽說這是一道騰訊的面試題,可能網(wǎng)上已經(jīng)有不少答案了,晚上沒事看到這道題就自己做了下,下面這篇文章主要給大家介紹了關(guān)于如何用Js寫一個簡單的五子棋小游戲的相關(guān)資料,需要的朋友可以參考下2022-07-07
Javascript BOM學(xué)習(xí)小結(jié)(六)
BOM：BrowserObjectModel,瀏覽器對象模型，提供JS中對瀏覽器的各種操作的對象，是JS應(yīng)用中唯一沒有相關(guān)標(biāo)準(zhǔn)的部分，這事BOM經(jīng)常出現(xiàn)問題的所在，主要用于處理瀏覽器窗口與框架，瀏覽器特有的JS擴(kuò)展也被默認(rèn)為BOM的一部分，而各瀏覽器之間的公有對象就成了默認(rèn)的標(biāo)準(zhǔn)2015-11-11
這篇文章主要介紹了JavaScript中的變量作用域介紹,本文同時講解了一個新概念變量的作用域鏈,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了微信小程序?qū)⒆址啥S碼圖片的操作方法,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了element-ui?dialog彈窗增加全屏功能,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
JavaScript調(diào)用模式與this關(guān)鍵字綁定的關(guān)系
這篇文章主要介紹了JavaScript調(diào)用模式與this關(guān)鍵字綁定的關(guān)系 的相關(guān)資料,需要的朋友可以參考下2018-04-04