欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 树形菜单2
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 状态栏显示链接内容...
· 又一例闪动的标题栏...
· 让标题栏文字动起来...
· 状态栏显示链接内容...
· 在输入框中输入什么...
· 状态栏打字效果特效...
· 闪动的标题栏特效
· 字符来回出现于状态...
· 在标题栏显示时间特...
· 一款状态滚动的文字...
本 类 热 门
· 各省城市
· 可以编辑的select
· 从select选择中新开的...
· 三级关联菜单
· 移动下拉框
· 显示全部Option的Sele...
· 动态提示的下拉框
· 树型下拉框菜单
· 省市县关联菜单
· 可控制的闪烁链接
· 广告脚本
· 一个很爽的公告栏
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
树形菜单2
树形菜单2
作者:佚名  来源:本站整理  名称:树形菜单2 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>树形菜单2</title>
<STYLE type=text/css>BODY {
    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
    FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
    FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
</STYLE>
<script language="JavaScript1.2">
scores = new Array(20);var numTotal=0;NS4 = (document.layers) ? 1 : 0;IE4 = (document.all) ? 1 : 0;ver4 = (NS4 || IE4) ? 1 : 0;if (ver4) {    with (document) {        write("<STYLE TYPE='text/css'>");        if (NS4) {            write(".parent {position:absolute; visibility:visible}");            write(".child {position:absolute; visibility:visible}");            write(".regular {position:absolute; visibility:visible}")        }        else {            write(".child {display:none}")        }        write("</STYLE>");    }}function getIndex(el) {    ind = null;    for (i=0; i<document.layers.length; i++) {        whichEl = document.layers[i];        if (whichEl.id == el) {            ind = i;            break;        }    }    return ind;}function arrange() {    nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;    for (i=firstInd+1; i<document.layers.length; i++) {        whichEl = document.layers[i];        if (whichEl.visibility != "hide") {            whichEl.pageY = nextY;            nextY += whichEl.document.height;        }    }}function initIt(){    if (!ver4) return;    if (NS4) {        for (i=0; i<document.layers.length; i++) {            whichEl = document.layers[i];            if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";       }        arrange();    }    else {        divColl = document.all.tags("DIV");        for (i=0; i<divColl.length; i++) {            whichEl = divColl(i);            if (whichEl.className == "child") whichEl.style.display = "none";        }    }}function expandIt(el) {    if (!ver4) return;    if (IE4) {        whichEl1 = eval(el + "Child");        for(i=1;i<=numTotal;i++){            whichEl = eval(scores[i] + "Child");            if(whichEl!=whichEl1) {                whichEl.style.display = "none";            }        }        whichEl1 = eval(el + "Child");        if (whichEl1.style.display == "none") {            whichEl1.style.display = "block";        }        else {            whichEl1.style.display = "none";        }    }    else {        whichEl = eval("document." + el + "Child");        for(i=1;i<=numTotal;i++){            whichEl = eval("document." + scores[i] + "Child");            if(whichEl!=whichEl1) {                whichEl.visibility = "hide";            }        }        if (whichEl.visibility == "hide") {            whichEl.visibility = "show";        }        else {            whichEl.visibility = "hide";        }        arrange();    }}onload = initIt;
</script>
</head>

<body>
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类一</a></div><div id='KB1Child' class='parent'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<div id='KB2Parent' class='parent'><a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类二</a></div><div id='KB2Child' class='child'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<div id='KB3Parent' class='parent'><a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类三</a></div><div id='KB3Child' class='child'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<div id='KB4Parent' class='parent'><a href="#" onClick="expandIt('KB4'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类四</a></div><div id='KB4Child' class='child'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<div id='KB5Parent' class='parent'><a href="#" onClick="expandIt('KB5'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类五</a></div><div id='KB5Child' class='child'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<div id='KB6Parent' class='parent'><a href="#" onClick="expandIt('KB6'); return false">
<IMG SRC='pic/reply.gif' BORDER=0>分类六</a></div><div id='KB6Child' class='child'>
<a href='time1.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0001</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0002</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='pic/shoucang.gif' BORDER=0>0003</a></div>
<SCRIPT>numTotal=6;scores[1]='KB1';scores[2]='KB1';scores[3]='KB2';scores[4]='KB3';scores[5]='KB4';scores[6]='KB5'</SCRIPT>


</body>

</html>

[返回上一页] [打印树形菜单2]
上一篇特效:隐现导航脚本
下一篇特效:有一个很棒的导航
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |