首頁 > web前端 > js教程 > Js點選彈出下拉選單效果實例_javascript技巧

Js點選彈出下拉選單效果實例_javascript技巧

WBOY
發布: 2016-05-16 17:26:03
原創
1075 人瀏覽過
複製程式碼程式碼如下:


點選開啟選單



document.getElementById("myMenu").onmouseout = closeMenu;
function openMenu(event, id) {
var el, x , y;
el = document.getElementById(id);
if (window.event) {
x = window.event.clientX document.documentElement.scrollLeft
document.body.scrollLeft
document.body.scrollLeft
document.body.scrollLeft
document.body.scrollLeft
document.body.scrollLeft
我; 🎜>y = window.event.clientY document.documentElement.scrollTop
document.body.scrollTop;
}
else {
x = event.clientX window.scrollX . .clientY window.scrollY;
}
x -= 2; y - = 2;
el.style.left = x "px";
el.style.top = y "px" ;
el.style.visibility = "可見";
}
function closeMenu(event) {
var 目前,相關;
if (window.event) {
current = this;
相關= window.event.toElement;
}
else {
current = event.currentTarget;
相關=事件.相關目標;
}
if (當前!= 相關&& !contains(當前, 相關))
current.style.visibility = "隱藏";
}
function contains(a, b) {
// 如果節點a 包含節點b,則傳回true。
while (b.parentNode)
if ((b = b.parentNode) == a)
回傳true;
回傳錯誤;
}
td>
    
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板