var p=document.getElementsByTagName("p");
ul=p.getElementsByTagName("ul");
for(var i=0;i<p.length;i++){
p[i].id=i;
p[i].onclick=function(){
var u=ul[this.id];
if(u.style.display=="block"){
u.style.display="none"
}else{u.style.display="block"}
ul=p.getElementsByTagName("ul");
for(var i=0;i<p.length;i++){
p[i].id=i;
p[i].onclick=function(){
var u=ul[this.id];
if(u.style.display=="block"){
u.style.display="none"
}else{u.style.display="block"}
個人認為用絕對定位不太合適,是初學者的坑,需要慢慢跳。
有沒有這樣的解決辦法:
1、用box-sizing: border-box;
2.li都加border 沒有高亮的設為透明的。高亮設為不透明的
歡迎大家討論
有沒有這樣的解決辦法:
1、用box-sizing: border-box;
2.li都加border 沒有高亮的設為透明的。高亮設為不透明的
歡迎大家討論
2016-05-09
var oMenu = document.getElementById('menu');
var aP = oMenu.getElementsByTagName('p');
var aUl = oMenu.getElementsByTagName('ul');
for(var i=0;i<aUl.length;i++){
aP[i].index = i;
aP[i].onclick = function(){
for(var j=0;j<aUl.length;j++){
var aP = oMenu.getElementsByTagName('p');
var aUl = oMenu.getElementsByTagName('ul');
for(var i=0;i<aUl.length;i++){
aP[i].index = i;
aP[i].onclick = function(){
for(var j=0;j<aUl.length;j++){