问答详情
源自:1-5 编程练习

1-5的练习中,如何实现“如果是显示的则将其隐藏”?我只实现了一半

1-5的练习中,如何实现“如果是显示的则将其隐藏”?我只实现了一半

提问者:干枯的海绵 2016-04-19 10:35

个回答

  • TWT
    2016-04-27 21:41:14
    已采纳

            window.onload=function(){
    			var ids=document.getElementById("menu");
    			var ps=ids.getElementsByTagName("p");
    			var uls=ids.getElementsByTagName("ul");
    			for (var i=0;i<ps.length;i++){
    				ps[i].id=i;
                    // onmouseover 鼠标悬停;onclick 鼠标点击
    				ps[i].onmouseover=function(){
                        if (uls[this.id].style.display=="none") {
    						uls[this.id].style.display="block";
    					} else {
    						uls[this.id].style.display="none";
    					}
    				}
    			}
    		}


  • 干枯的海绵
    2016-04-19 10:36:28

    window.onload=function(){

     var ids=document.getElementById("menu");

                var ps=ids.getElementsByTagName("p");

                var uls=ids.getElementsByTagName("ul");

                for (var i=0;i<ps.length;i++){

                    ps[i].id=i;

                    ps[i].onmouseover=function(){

                        for(var j=0;j<uls.length;j++){

                            uls[j].style.display="none";

                        }

                        uls[this.id].style.display="block";

                    };

                }

                

                }