点击链接后显示或隐藏内容的代码（可用于伸缩菜单代码） - 外贸网站建设,SOHO英文网页制作,网站设计公司--伊路网络工作室 - 建站知识库 - 网站建设专题

登陆

资料

在线

排行

帖子

文件

查询

收件箱

风格

加入收藏

使用帮助


首页 >> 建站知识库 >> 网站建设专题 >> 『网站维护教程\|网页设计经验交流』 >> 点击链接后显示或隐藏内容的代码（可用于伸缩菜单...


新帖新投票讨论区精华区	上篇刷新平板下篇

帖子主题: 点击链接后显示或隐藏内容的代码（可用于伸缩菜单代码）

头衔:论坛总管理员

Admin

荣誉：管理员
职务：总版主
级别：圣骑士
积分：547
经验：3330
文章：271
注册：03-01-20 23:27

发表: 2009-12-14 08:39:00 人气:35156

点击链接后显示或隐藏内容的代码（可用于伸缩菜单代码）

如果删除 style="DISPLAY: none"的none则默认为展开。
下列代码还可相当方便地应用于二级产品动态伸缩菜单效果。

应用举例：
http://www.seenke.com/help.asp最下边的表格点击后显示，再次点击隐藏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
</head>
<body>
<SCRIPT language=javascript>

</SCRIPT>
<center>
<table width="50%" border="0" cellpadding="4" cellspacing="2" bordercolor="#999999">
<tr>
<td bgcolor="#999999" onClick="javascript:left_menu('left_1');"><strong><font color="#FFFFFF">伊路网络菜单</font></strong></td>
</tr>
<tr>
<td height="150" bgcolor="#CCCCCC" id="left_1" style="DISPLAY:none"></td>
</tr>
</table>
<table width="20%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

-----------------------------------------------------
专业外贸英文网站建设｜多语种网站建设(点击查看方案)

-----------------------------------------------------

相关帖子

点击链接后显示或隐藏内容的代码（可用于伸缩菜单代码） (Admin,35156,2009-12-14 08:39:00)