- 1、本文档共2页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
PHP简单的滑动菜单
!---
简单的滑动菜单
徐祖宁 唠叨
2003.03
czjsz_ah@stats.gov.cn
滑动菜单是一种较常用的菜单形式,在罗列二级分类的场合下广泛使用。其特点是代码量极小,数据描述简洁。
本例使用无线表格,以类的书写方式表述。
本代码可自由扩散。
--- table font-size 9pt
td height 20px span id menus span id view 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 for bar event onclick
// 小类节点点击响应
view.innerHTML this.v1 +:+ this.v2; // 根据大小类自行构造相应动作 /**
* 产生菜单的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,大类四 ,
new Array 4,1,小类一 ,
new Array 4,2,小类二 ,
new Array 4,3,小类三 ;
this.width 120;
this.bgcolor #f0f0f0;
this.bordercolorlight #c0c0c0;
this.bordercolordark #FFFFFF;
this.tr_bgcolor #d0d0d0;
var s table border 1 align center width +this.width+ bgcolor +this.bgcolor+ bordercolorlight +this.bordercolorlight+ bordercolordark +this.bordercolordark+ CELLPADDING 0 CELLSPACING 0
for var i 0;i this.ar.length;i++ // 构造菜单的html结构,其中将大小类编号作为自定义参数,以便事件响应时使用。 if this.ar[i][1] 0 if i 0 s + ; var vk this.ar[i][0] n?block:none; s + tr id pad bgcolor +this.tr_bgcolor+ v1 +this.ar[i][0]+ v2 +this.ar[i][1]+ td align center +this.ar[i][2]+ tr style display:+vk+ table width 100% ; else s + td id bar v1 +this.ar[i][0]+ v2 +this.ar[i][1]+ +this.ar[i][2]+ ; s + ;
return s; /*** 创建菜单 ***/
menus.innerHTML menu 4 ;
您可能关注的文档
- 时代光华课程管理者财商-考试试题答案.doc
- 时令花卉载植专项施工方案2.doc
- 昆山市建设工程项目监理机构岗位人员配置要求.doc
- 昆明市种子管理站党支部2010年工作总结暨2011年工作思路.doc
- 昆明烟酒回收的流程.doc
- php15基础语法之作用域.docx
- 昆明理工大学物理演示实验5个问题解答.doc
- 昆明装修网昆明装修设计效果图.docx
- PHPMYADMIN安装图解.doc
- PHPStorm+Wamp+Xdebug+Windows7调试代码.docx
- 2.8 被除数和除数的末尾都有0的除法的简便算法(课件)苏教版数学四年级上册.pptx
- 统编版语文三年级下册期末专项突破与评价(六)口语交际.doc
- 7.3 含有中括号的混合运算(课件)苏教版数学四年级上册.pptx
- 统编版语文八年级上册第五单元综合素质评价.doc
- 4.2 分段整理数据并制作统计表 (课件)苏教版数学四年级上册.pptx
- 2.7 探索商不变的规律(课件)苏教版数学四年级上册.pptx
- 统编版语文三年级上册第二单元复习测试卷(含答案).doc
- 3.1 观察物体(一) (课件)苏教版数学四年级上册.pptx
- 8.5 垂线的画法(课件)苏教版数学四年级上册.pptx
- 3.3 观察物体(三) (课件)苏教版数学四年级上册.pptx
文档评论(0)