代碼比較

復制代碼

a{

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";

}

武器

護甲

英雄

大劍

屠龍

倚天

七孔磚

胸甲

護腕

頭盔

鞋子

蓋倫

提莫

安妮

死哥

a{

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系列教材 （五）- 事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。