首頁 > web前端 > js教程 > javascript輕鬆實現當滑鼠移開時已彈出子選單自動消失_javascript技巧

javascript輕鬆實現當滑鼠移開時已彈出子選單自動消失_javascript技巧

WBOY
發布: 2016-05-16 17:06:30
原創
1356 人瀏覽過
複製程式碼程式碼如下:



.menu
{
背景顏色:綠色;
寬度:120;
身高:20;
顏色:白色;
文字對齊>文字對齊:20;
顏色:白色;
文字對齊>文字對齊:居中;
字體大小:9pt;
字體粗細:加粗;
}
.submenu
{
位置:絕對;
頂部:40;
>背景顏色:
黃色;寬度:180;
字體大小:9pt;
}
樣式>
頭>



var cm=null;
document.onclick = new Function("show(null)")
function getPos(el,sprop)
{var iPos = 0
while (el!=null)
{iPos =el["offset" sprop]
el = el.offsetParent}
回傳iPos}
function show(el,m)
{if ( m) { m.style.display='' ;
m.style.pixelLeft = getPos(el,"Left")
m.style.pixelTop = getPos(el,"Top") el.offsetHeight}
if ((m!=cm) && (cm)) cm.style.display='none';cm=m}
;

;

雜誌技術站點
入口網站
個人收藏網站

表>


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板