一些经典的JAVASCRIP代码收集.pdf
文本预览下载声明
一些经典的 JAVASCRIP代码收集
: | |
七 类似与 QQ 的好友 / 黑名单之类的树型菜单 _极品
[Copy] [Run] [Save]
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
HTML
HEAD
TITLE New Document /TITLE
META NAME=Generator CONTENT=EditPlus
META NAME=Author CONTENT=
META NAME=Keywords CONTENT=
META NAME=Description CONTENT=
/HEAD
BODY
script
if (!document.getElementById)
document.getElementById = function() { return null; }
function initializeMenu(menuId, actuatorId) {
var menu = document.getElementById(menuId);
var actuator = document.getElementById(actuatorId);
if (menu == null || actuator == null) return;
//if (window.opera) return; // Im too tired
actuator.parentNode.style.backgroundImage = url(/images/plus.gif);
actuator.onclick = function() {
var display = menu.style.display;
this.parentNode.style.backgroundImage =
(display == block) ? url(/images/plus.gif) : url(/images/minus.gif);
menu.style.display = (display == block) ? none : block;
return false;
}
}
window.onload = function() {
initializeMenu(productsMenu, productsActuator);
initializeMenu(newPhonesMenu, newPhonesActuator);
initializeMenu(compareMenu, compareActuator);
}
/script
１
style
body {
font-family: verdana, helvetica, arial, sans-serif;
}
#mainMenu {
background-color: #EEE;
border: 1px solid #CCC;
color: #000;
width: 203px;
}
#menuList {
margin: 0px;
padding: 10px 0px 10px 15px;
}
li.menubar {
background: url(/images/plus.gif) no-repeat 0em 0.3em;
font-size: 12px;
line-height: 1.5em;
list-style: none outside;
}
.menu, .submenu {
display: none;
margin-left: 15px;
padding: 0px;
}
.menu li, .submenu li {
background: url(/images/square.gif) no-repeat
显示全部