请问：象本论坛左边这个象浏览器一样的目录导航是怎么做出来的？？

showmark 2001-12-01 04:26:56
我现在就要用到这种技术，哪位知道告诉我啊，谢谢了。
...全文
114 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
showmark 2001-12-01
  • 打赏
  • 举报
 回复
我一定会回谢你的：）
showmark 2001-12-01
  • 打赏
  • 举报
 回复
可是不能运行呀，不知道是哪里有问题
baggio785 2001-12-01
  • 打赏
  • 举报
 回复
不要光谢阿,给分啊:)
showmark 2001-12-01
  • 打赏
  • 举报
 回复
谢谢你！
baggio785 2001-12-01
  • 打赏
  • 举报
 回复
<script language="JavaScript">
NS4=(document.layers) ? true : false;
IE4=(document.all) ? true : false;
ver4=(NS4 || IE4) ? true : false;

if (ver4){
with (document){
write("<STYLE TYPE='text/css'>");
if (NS4){
write(".parent {position:absolute; visibility:visible}");
write(".child {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";
}
}
//expandIt('TREE');
}

function expandIt(el){
if (!ver4) return;
if (IE4) {
var imgObj = document.all("I_" + el);
whichEl = eval(el + "Child");
if (whichEl.style.display == "none") {
whichEl.style.display = "block";
imgObj.src = 'images/shut.gif';
}
else {
whichEl.style.display = "none";
imgObj.src = 'images/expand.gif';
}
}
else {
whichEl = eval("document." + el + "Child");
if (whichEl.visibility == "hide"){
whichEl.visibility = "show";
}
else {
whichEl.visibility = "hide";
}
arrange();
}
}
onload =initIt;
</script>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY bgcolor=LightSkyBlue>

<div id="TREE0Parent" Class="Parent">
<table border="0" width="100%" cellspacing="3" cellpadding="2">
<tr>
<td width="100%" cellpading="2" bgcolor="#0080FF" class="leftBank" align="left">
<a href="Left.asp#" onClick="expandIt('TREE0'); return false;"><img ID="I_TREE0" border="0" src="images/expand.gif" alt="折叠" WIDTH="11" HEIGHT="11">
<span class="menutitle">a</span></a>
</td>
</tr>
<tr>
<td width="100%" height="6"></td>
</tr>
</table>
</div>
<div id="TREE0Child" Class="Child">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<a href="a1.asp" target=right><span class="menuitem">a1</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>
</div>

<div id="TREE1Parent" Class="Parent">
<table border="0" width="100%" cellspacing="3" cellpadding="2">
<tr>
<td width="100%" cellpading="2" bgcolor="#0080FF" class="leftBank" align="left">
<a href="Left.asp#" onClick="expandIt('TREE1'); return false;"><img ID="I_TREE1" border="0" src="images/expand.gif" alt="折叠" WIDTH="11" HEIGHT="11">
<span class="menutitle">b</span></a>
</td>
</tr>
<tr>
<td width="100%" height="6"></td>
</tr>
</table>
</div>
<div id="TREE1Child" Class="Child">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<A href="b1.asp" target=right><span class="menuitem">b1</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<A href="b2.asp" target=right><span class="menuitem">b2</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>
</div>
baggio785 2001-12-01
  • 打赏
  • 举报
 回复
<script language="JavaScript">
NS4=(document.layers) ? true : false;
IE4=(document.all) ? true : false;
ver4=(NS4 || IE4) ? true : false;

if (ver4){
with (document){
write("<STYLE TYPE='text/css'>");
if (NS4){
write(".parent {position:absolute; visibility:visible}");
write(".child {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";
}
}
//expandIt('TREE');
}

function expandIt(el){
if (!ver4) return;
if (IE4) {
var imgObj = document.all("I_" + el);
whichEl = eval(el + "Child");
if (whichEl.style.display == "none") {
whichEl.style.display = "block";
imgObj.src = 'images/shut.gif';
}
else {
whichEl.style.display = "none";
imgObj.src = 'images/expand.gif';
}
}
else {
whichEl = eval("document." + el + "Child");
if (whichEl.visibility == "hide"){
whichEl.visibility = "show";
}
else {
whichEl.visibility = "hide";
}
arrange();
}
}
onload =initIt;
</script>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
</HEAD>
<BODY bgcolor=LightSkyBlue>

<div id="TREE0Parent" Class="Parent">
<table border="0" width="100%" cellspacing="3" cellpadding="2">
<tr>
<td width="100%" cellpading="2" bgcolor="#0080FF" class="leftBank" align="left">
<a href="Left.asp#" onClick="expandIt('TREE0'); return false;"><img ID="I_TREE0" border="0" src="images/expand.gif" alt="折叠" WIDTH="11" HEIGHT="11">
<span class="menutitle">a</span></a>
</td>
</tr>
<tr>
<td width="100%" height="6"></td>
</tr>
</table>
</div>
<div id="TREE0Child" Class="Child">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<a href="a1.asp" target=right><span class="menuitem">a1</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>
</div>

<div id="TREE1Parent" Class="Parent">
<table border="0" width="100%" cellspacing="3" cellpadding="2">
<tr>
<td width="100%" cellpading="2" bgcolor="#0080FF" class="leftBank" align="left">
<a href="Left.asp#" onClick="expandIt('TREE1'); return false;"><img ID="I_TREE1" border="0" src="images/expand.gif" alt="折叠" WIDTH="11" HEIGHT="11">
<span class="menutitle">b</span></a>
</td>
</tr>
<tr>
<td width="100%" height="6"></td>
</tr>
</table>
</div>
<div id="TREE1Child" Class="Child">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<A href="b1.asp" target=right><span class="menuitem">b1</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%">
<img src="images/list_btn.gif" width="9" height="11">
<A href="b2.asp" target=right><span class="menuitem">b2</span></a></td>

<tr>
<td height="0" width="100%">
</td>
</tr>

</table>
</div>
sdliubo 2001-12-01
  • 打赏
  • 举报
 回复
好多种方法，用javascript比较简单，找个代码下载看一下吧
当我们访问网页时，服务器和浏览器做了什么？
作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括... 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：浏览器缓存 – 浏览器会缓存...
让我们来做一个属于自己的浏览器主页吧！
让我们做一个浏览器主页吧~
浏览器主页劫持，打开就访问889hao，2345导航（已解决）
RT，前几天碰到了台电脑，打开浏览器就劫持访问889hao。 系统是win10 x64，浏览器是360安全浏览器、IE浏览器，其他没装不清楚。 按以往经验，逐一排查： 检查浏览器主页设置，设百度为首页。主页已经是百度，...
浏览器内核的介绍
简单来说，浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上，浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。渲染引擎和JS引擎。渲染引擎：负责获取网页的内容并显示，...
微信PC端浏览器内置浏览器
它主要目的是开发一个基于Google Chromium的Webbrowser控件，支持用户插件，协议，javascript对象以及javascript扩展，宿主程序可以随意地控件资源下载，导航，下下文内容和打印等，并且可以跟Google Chrome浏览器...
ASP

28,406

社区成员

356,946

社区内容

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章