JS与CSS树形菜单

news/2024/7/4 1:09:50 标签: css, javascript, class, table
class="baidu_pl">
class="article_content clearfix">
class="htmledit_views">

 HEAD区域代码:

<style>
<!--
a.parentlink
{ text-decoration: none; color: #333333; font-size: 12px }
a.parentlink:hover,a.childlink:hover { color: #000000; }
a.childlink,td.childlink
{ text-decoration: none; color: #666666; font-size: 12px }
.px7
{ font-size: 7px; vertical-align: middle; }
-->
</style>

BODY区域代码:

<script language=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript>
var item_num=7;  //父层菜单的行数
var item_word=new Array();  //菜单的文字
for(I=0;I<item_num;I++)
item_word[I]=new Array();
item_word[0][0]="户籍信息";
item_word[1][0]="核定信息";
item_word[2][0]="申报信息";
item_word[3][0]="税款入库";
item_word[3][1]="减免";
item_word[3][2]="缓征";
item_word[3][3]="滞纳金加收信息";
item_word[3][4]="提退税款信息";
item_word[3][5]="呆帐税款情况";
item_word[4][0]="欠税信息";
item_word[5][0]="违章、违法处罚信息";
item_word[6][0]="发票领购信息";
item_word[6][1]="发票缴销信息";
item_word[6][2]="发票流失信息";
item_word[6][3]="定额发票缴税情况";

var item_link=new Array();  //菜单的链接
for(I=0;I<item_num;I++)
item_link[I]=new Array();
item_link[0][0]="#";
item_link[1][0]="#";
item_link[2][0]="#";
item_link[3][0]="#";
item_link[3][1]="#";
item_link[3][2]="#";
item_link[3][3]="#";
item_link[3][4]="#";
item_link[3][5]="#";
item_link[4][0]="#";
item_link[5][0]="#";
item_link[6][0]="#";
item_link[6][1]="#";
item_link[6][2]="#";
item_link[6][3]="#";

var item=new Array();  //菜单的HTML
for(I=0;I<item_num;I++)
item[I]="";
for(I=0;I<item_num;I++)
for(j=0;j<item_word[I].length;j++)
item[I]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[I][j]+" οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:this.blur();>"+item_word[I][j]+"</a><br>";

//------------定义一个清空各菜单的函数--------------
function startItem()
{
for(I=0;I<item_num;I++)
document.all.titem.cells[2*I+1].innerHTML="";
}
//------------------定义结束----------------------

//------------定义一个菜单展开的函数----------------
function openItem(n)
{
if(document.all.titem.cells[n*2+1].innerHTML=="")
{
startItem();
document.all.titem.cells[n*2+1].innerHTML=item[n];
}
else
startItem();
}
//------------------定义结束----------------------

//-----------------开始实现菜单-------------------
document.writeln("<table id=titem>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(0);this.blur();>户籍信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(1);this.blur();>核定信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(2);this.blur();>申报信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(3);this.blur();>征收信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(4);this.blur();>欠税信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(5);this.blur();>违章、违法处罚信息</a>< /td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript: οnclick=class="tags" href="/tags/JAVASCRIPT.html" title=javascript>javascript:openItem(6);this.blur();>发票信息</a></td> </tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("</table>");
//------------------菜单结束-----------------------
</script>

收集CSDN博客,转载请标明出处:http://blog.csdn.net/nickshen3/archive/2007/06/21/1661159.aspx


http://www.niftyadmin.cn/n/1051577.html

相关文章

历年题目

2012年 微生物繁殖假设有两种微生物 X 和 YX出生后每隔3分钟分裂一次&#xff08;数目加倍&#xff09;&#xff0c;Y出生后每隔2分钟分裂一次&#xff08;数目加倍&#xff09;。一个新出生的X&#xff0c;半分钟之后吃掉1个Y&#xff0c;并且&#xff0c;从此开始&#xff0c…

第7、8、9章总结

第7章主要内容 1. 异常处理结构_try_except try:print(step1)a 3 / 0print(step2) except BaseException as e:print(step3)print(e) print(end) 2. try_finally def test01():try:a input(被除数)b input(除数)c float(a)/float(b)except BaseException as e:print(…

一道简单的动态数组题目

今天记录一下数据结构与算法的一道作业题&#xff0c;昨天的遗留任务只能放到明天了&#xff0c;毕竟得以课上学习为主。 问题描述一下&#xff1a; 可以看出&#xff0c;这是一道简单的题目&#xff0c;但有两种思路来做。 第一种思路&#xff1a; 由于元素的个数不会超过N&a…

C++ system函数学习(转)

原文章链接&#xff1a;https://blog.csdn.net/liuweiyuxiang/article/details/51658706 1.windows操作系统下system () 函数详解&#xff08;主要是在C语言中的应用&#xff09;  函数名: system 功 能: 发出一个DOS命令用 法: int system(char *command);system函数已经被收…

Oracle教程之包的使用

1、定义包&#xff1a;&#xff08;1&#xff09;被组合在一起的相关对象的集合&#xff0c;当包中任何函数或存储过程被调用&#xff0c;包就被加载入内存。&#xff08;2&#xff09;包中的任何函数或存储过程的子程序访问速度将大大加快。&#xff08;3&#xff09;包由两个…

数据结构与算法入门-1

如果 abc1000&#xff0c;且 a^2b^2c^2&#xff08;a,b,c 为自然数&#xff09;&#xff0c;如何求出所有a、b、c可能的组合? 算法一&#xff1a; import timestart_time time.time()# 注意是三重循环 for a in range(0, 1001):for b in range(0, 1001):for c in range(0, 1…

2018年3月31日天梯赛L1-1

L1-1天梯赛座位分配 题目&#xff1a; 天梯赛每年有大量参赛队员&#xff0c;要保证同一所学校的所有队员都不能相邻&#xff0c;分配座位就成为一件比较麻烦的事情。为此我们制定如下策略&#xff1a;假设某赛场有 N 所学校参赛&#xff0c;第 i 所学校有 M[i] 支队伍&#xf…

暴力查找算法及KMP算法介绍

KMP算法 我们知道&#xff0c;串类型有一个功能是查找子串&#xff0c;而查找的方法有多种&#xff0c;如暴力查找法、KMP算法&#xff0c;这次我们来介绍一下这些方法 首先说明一下一些符号及名词的含义&#xff1a; S为主串T为待查找的子串&#xff0c;也称为模式串子串在…