js下拉菜单的实现
来源:互联网 发布:扬州玉器加工厂 知乎 编辑:程序博客网 时间:2024/05/01 08:28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">*{margin:0px; padding:0px; font-size:12px}a{display:block; background:url(img/bg2.gif); width:150px; height:25px; text-decoration:none; padding-top:10px; margin:2px}.s{width:150px; height:150px; border:#309 1px solid; margin:2px; display:none}</style><script language="javascript">function showDiv(thisDiv){var e = document.getElementById("d").getElementsByTagName("div");if(document.getElementById(thisDiv).style.display == "block"){document.getElementById(thisDiv).style.display = "none";} else {for(i=0; i<e.length; i++){e[i].style.display = "none";}document.getElementById(thisDiv).style.display = "block";}}</script></head><body><div id="d" align="center"><a href="#" onclick="showDiv('d1')">公司介绍</a><div class="s" id="d1">公司介绍</div><a href="#" onclick="showDiv('d2')">产品介绍</a><div class="s" id="d2">产品介绍</div><a href="#" onclick="showDiv('d3')">公司文化</a><div class="s" id="d3">公司文化</div><a href="#" onclick="showDiv('d4')">公司活动</a><div class="s" id="d4">公司活动</div><a href="#" onclick="showDiv('d5')">留言内容</a><div class="s" id="d5">留言内容</div></div></body></html>
0 0
- js下拉菜单的实现
- 下拉菜单的实现,纯CSS实现下拉菜单 与 使用JS实现下拉菜单
- js实现下拉菜单
- Js实现下拉菜单
- js实现下拉菜单
- js实现下拉菜单
- js实现下拉菜单
- JS 实现下拉菜单的方法
- js实现收缩的下拉菜单
- js实现简单的下拉菜单
- js实现下拉菜单的源代码
- php-js-关联下拉菜单的实现
- js实现简单的导航下拉菜单
- js实现省份下拉菜单
- 下拉菜单的实现
- 下拉菜单的实现
- 无限级下拉菜单--CSS+JS实现兼容性很好的无限级下拉菜单
- 一个不错的js实现的 日期下拉菜单
- Log4j配置
- Session用法详解
- 几个键盘通知
- NYOJ 题目113 字符串替换
- 语言定义的其他示例
- js下拉菜单的实现
- mark
- 代理模式与装饰模式的异同
- 你们这群渣渣,让我来拯救你们的灵魂吧!
- 资费的修改中资费名称唯一性校验(struts2+jquery+json)
- PHP中多维数组的foreach遍历
- android多分辨率多屏幕密度下UI适配方案
- ASP.NET 事件(回传)机制
- 时代周刊:苹果借 iOS 8 为智能手表打基础