程序博客网 > google云计算

开关效果运用

来源：互联网发布：google云计算编辑：程序博客网时间：2024/05/01 21:21

<!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="">

<script type="text/javascript" src="switchmenu.js"></script>

<style type="text/css">

<!--

.menutitle{

cursor:pointer;

margin-bottom: 2px;

padding: 2px;

color:#000;

width:120px;

text-align:center;

background:#efefef;

border-right: #999 1px solid;

border-bottom: #999 1px solid;

}

.submenu{

display: none;

margin-left: 10px;

margin-bottom: 5px;

}

-->

</style>

</HEAD>

<BODY>

<div id="maindiv">

<div class="menutitle" onclick="switchmenu('sub1')">menu1</div>

<span class="submenu" id="sub1">

- <a href="#">text-1</a> <br />

- <a href="#">text-2</a>

</span>

<div class="menutitle" onclick="switchmenu('sub2')">menu2</div>

<span class="submenu" id="sub2">

- <a href="#">text-1</a> <br />

</span>

<div class="menutitle" onclick="switchmenu('sub3')">menu3</div>

<span class="submenu" id="sub3">

- <a href="#">text-1</a> <br />

</span>

</div>

</BODY>

</HTML>

js原文件：

function switchmenu(obj){

if(document.getElementById){

var el = document.getElementById(obj);

var ar = document.getElementById("maindiv").getElementsByTagName("span");

if(el.style.display != "block"){

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

if (ar[i].className=="submenu")

ar[i].style.display = "none";

}

el.style.display = "block";

}else{

el.style.display = "none";

}

}

}

google云计算

google云计算

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子卡樱花火全包围脚垫卡扣安装晴雨挡卡扣安装农行卡扣年费吗卡槽扣金属卡扣结构 led硬灯条卡扣卡抽卡拉迪瓦伊卡拉法尔阿利卡拉安卡拉卡拉卡拉卡拉泡泡卡拉库里湖卡拉宝卡拉奇卡拉是条狗逃出亚卡拉安卡拉病毒卡拉瓦乔卡拉扬卡拉肖克潘拉卡拉手环卡拉曼达卡拉细盲蛇芭卡拉卡拉库什卡拉古奇诺山卡拉卡拉多安卡拉古库卡拉肖克玲蹦沙卡拉卡卡拉比猜想卡拉巴尼卡拉羊卡拉布吕尼卡拉屋企卡拉尔巴卡拉