以下是引用片段:
这个树型菜单的代码简单一点。
<script language="JavaScript">
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;
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;
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;
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) {
whichEl = eval(el + "Child");
if (whichEl.style.display == "none") {
whichEl.style.display = "block";
}
else {
whichEl.style.display = "none";
}
}
else {
whichEl = eval("document." + el + "Child");
if (whichEl.visibility == "hide") {
whichEl.visibility = "show";
}
else {
whichEl.visibility = "hide";
}
arrange();
}
}
onload = initIt;
</script>
</font></p>
<div id="KB1Parent" class="parent"><a href="#" ><img
src="UpFile/2008-5/3/200853191926454.gif" border=0>文件夹一</a></div>
<div id="KB1Child" class="child"><a href="sample.htm" target="_blank" ><img
src="UpFile/2008-5/3/200853191926914.gif" border=0 alt=""><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面一</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926914.gif" border=0 alt="" width="15"
height="11"><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面二</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926914.gif" border=0 alt="" width="15"
height="11"><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面三</a></div>
<div id="KB2Parent" class="parent"><a href="#" ><img
src="UpFile/2008-5/3/200853191926454.gif" border=0>文件夹二</a></div>
<div id="KB2Child" class="child"><a href="sample.htm" target="_blank" ><img
src="UpFile/2008-5/3/200853191926914.gif" border=0 alt="" width="15" height="11"><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面一</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926914.gif" border=0 alt=""><img
src="UpFile/2008-5/3/200853191926406.gif" border=0>页面二</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926914.gif" border=0 alt="" width="15"
height="11"><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面三</a></div>
<div id="KB3Parent" class="parent"><a href="#" ><img
src="UpFile/2008-5/3/200853191926454.gif" border=0>文件夹三</a></div>
<div id="KB3Child" class="child"> <a href="sample.htm" target="_blank" ><img
src="UpFile/2008-5/3/200853191926914.gif" border=0 alt=""><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面一</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926406.gif" border=0>页面二</a><br>
<a href="sample.htm" target="_blank" ><img src="UpFile/2008-5/3/200853191926914.gif" border=0 alt=""><img
src="UpFile/2008-5/3/200853191926406.gif" border=0>页面三</a></div>
<script language="JavaScript">
if (NS4) {
firstEl = "KB1Parent";
firstInd = getIndex(firstEl);
arrange();
}
</script>
分享到:
相关推荐
自己编写的一个javascript控件,支持动态增删节点,左右键事件,多选框和单选框
程序的0.5版(第一次编写的不完美程序)是用JAVASCRIPT和XML DOM实现的,在IE5.5以下的版本中,必须安装MSXML3.0组件才可以使用。 该版本的程序采用数组代替了XML DOM,速度更快,也更稳定! 下一步,我将使用...
dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。
原生js对于我来说确实用的很少,但是今天就想着把原生的js的一些基础知识重新复习一下,毕竟现在关于的原生js的一些插件再复杂也是万变不离其综。 先复习一下原生js的一些属性值的添加,替换,修改等。(其实添加和...
可以任意拖动的ASP.NET下的用JAVASCRIPT编写实现的树形控件。
dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。dtree 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。 ...
使用CSS和JScript编写的树形列表控件。 可调整大小的列!
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...
10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...
10.12 表格与树形的结合——Ext.ux.tree.ColumnTree 第11章 其他布局类简介 11.1 标准布局类 11.1.1 折叠布局——AccordionLayout 11.1.2 边框布局——BorderLayout 11.1.3 卡片式布局——CardLayout 11.1.4 ...
TreeGrid是一个DHTML树形表格控件,它完全使用JavaScript语言编写,用以实现HTML页面上的table, grid, tree view 或者 grid with tree里的数据地展示和编辑。EJS TreeGrid还提供了强大的甘特图功能,能够满足您把...
EXT JS通常简称为EXT,它是一个非常优秀的Ajax框架...法实现或极难实现的功能,却能用EXT轻易实现,比如EXT中的表格、树形、布局等控件能为我 们的日常开发工作节约大量的时间和精力,这些都坚定了我们使用EXT的决心。
由《Ext JS源码分析与开发实例宝典》作者:彭仁夔团队开发而成 90%以上代码可以生成验证、生成三层代码、生成完善的权限系统、生成数据库等功能 功能之强大用了就知道! 两年前,我负责指导Java方向实训,在最后...
jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据网格)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用...