html dom反选,HTML DOM系列教材（五）- 事件-优快云博客

代码比较

复制代码

font-size:14px;

color: CornflowerBlue;

text-decoration: none;

}

div.menuweapon{

position: absolute;

left: 10px;

top: 20px;

}

div.menuarmor{

position: absolute;

left: 45px;

top: 20px;

}

div.menuhero{

position: absolute;

left: 80px;

top: 20px;

}

div.menu {

width:80px;

border: 1px solid lightgray;

margin-top:15px;

display:none;

}

div.menu a{

display:block;

font-size:14px;

font-family:宋体;

color: #888;

text-decoration: none;

padding:10 0 10 15;

}

div.menu a:hover

{

background-color: #f1f1f1;

}

function showmenu(type){

var menuDivs = document.getElementsByClassName("menu");

for(i=0;i

var d= menuDivs[i];

d.style.display="none";

}

var divClassName= "menu"+type;

var div = document.getElementsByClassName(divClassName)[0];

div.style.display="block";

}

武器

护甲

英雄

font-size:14px;

color: CornflowerBlue;

text-decoration: none;

}

div.menuweapon{

position: absolute;

left: 10px;

top: 20px;

}

div.menuarmor{

position: absolute;

left: 45px;

top: 20px;

}

div.menuhero{

position: absolute;

left: 80px;

top: 20px;

}

div.menu {

width:80px;

border: 1px solid lightgray;

margin-top:15px;

display:none;

}

div.menu a{

display:block;

font-size:14px;

font-family:宋体;

color: #888;

text-decoration: none;

padding:10 0 10 15;

}

div.menu a:hover

{

background-color: #f1f1f1;

}

function showmenu(type){

var menuDivs = document.getElementsByClassName("menu");

for(i=0;i

var d= menuDivs[i];

d.style.display="none";

}

var divClassName= "menu"+type;

var div = document.getElementsByClassName(divClassName)[0];

div.style.display="block";

}

武器

护甲

英雄

html dom反选,HTML DOM系列教材 （五）- 事件

html dom反选,HTML DOM系列教材（五）- 事件