您现在的位置: 无忧电子商务网 >> 信息学院 >> 程序开发 >> php >> 正文

简单的滑动菜单

作者:佚名    信息学院来源:整理    点击数:    更新时间:2008-2-2 我要参与讨论

 


<!---
简单的滑动菜单

徐祖宁(唠叨)
2003.03
czjsz_ah@stats.gov.cn

滑动菜单是一种较常用的菜单形式,在罗列二级分类的场合下广泛使用。其特点是代码量极小,数据描述简洁。
本例使用无线表格,以类的书写方式表述。
本代码可自由扩散。
--->
<style>
table {font-size = 9pt}
td {height = 20px}
</style>
<body>
<span id="menus"></span>
<span id="view"></span>
</body>

<script for=pad event=onclick>
// 大类节点点击响应
for(var i=1;i<this.parentelement.rows.length;i+=2)
this.parentelement.rows[i].style.display = "none";
this.parentelement.rows[this.rowindex+1].style.display='block';
view.innerhtml = this.v1 +":"+ this.v2; // 根据大小类自行构造相应动作
</script>

<script for=bar event=onclick>
// 小类节点点击响应
view.innerhtml = this.v1 +":"+ this.v2; // 根据大小类自行构造相应动作
</script>

<script>
/**
* 产生菜单的html代码串
* 入口参数为菜单默认打开的大类号
*/
function menu(n) {
this.ar = new array(
/**
 * 参数数组
 * 列1:大类
 * 列2:小类
 * 列3:标题
 */
new array(1,0,"大类一"),
new array(1,1,"小类一"),
new array(1,2,"小类二"),
new array(2,0,"大类二"),
new array(2,1,"小类一"),
new array(2,2,"小类二"),
new array(2,3,"小类三"),
new array(3,0,"大类三"),
new array(3,1,"小类一"),
new array(3,2,"小类二"),
new array(4,0,"大类四"),

[1] [2] [3] 下一页

在google里搜索更多简单的滑动菜单

Google
Web www.51ec.org
【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
我来说两句 对此文章发表了评论
  昵 称: *必填    ·注册用户·
  评 分: 1分 2分 3分 4分 5分     严禁发表危害国家安全、政治、黄色淫秽等内容的评论,用户需对自己在使用本网站服务过程中的行为承担法律责任。本站管理员有权保留或删除评论内容,评论内容只代表机友个人观点,与本网站立场无关。  
评 论
内 容

 
评论列表 (最新 评论仅限网友观点!)

供求信息




| 设为首页 | 加入收藏 | 关于我们 | 广告服务 | 联系方式 | 友情链接 | 版权申明