⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 轻轻松松创建网页目录树菜单.htm

📁 目录树的实现程序
💻 HTM
📖 第 1 页 / 共 4 页
字号:
🔍
1234 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0056)http://blog.csdn.net/laily/archive/2004/06/25/26263.aspx -->
<HTML><HEAD><TITLE>轻轻松松创建网页目录树菜单</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content="MSHTML 6.00.2800.1476" name=GENERATOR><LINK media=all 
href="轻轻松松创建网页目录树菜单.files/style.css" type=text/css rel=stylesheet><LINK 
media=all href="轻轻松松创建网页目录树菜单.files/blue.css" type=text/css rel=stylesheet><LINK 
media=print href="轻轻松松创建网页目录树菜单.files/print.css" type=text/css 
rel=stylesheet><LINK media=all href="轻轻松松创建网页目录树菜单.files/customcss.aspx" 
type=text/css rel=stylesheet><LINK title=RSS 
href="http://blog.csdn.net/laily/rss.aspx" type=application/rss+xml 
rel=alternate></HEAD>
<BODY>
<FORM language=javascript id=Form1 name=Form1 
onsubmit="if (!ValidatorOnSubmit()) return false;" action=26263.aspx 
method=post><INPUT type=hidden name=__EVENTTARGET> <INPUT type=hidden 
name=__EVENTARGUMENT> <INPUT type=hidden name=__VIEWSTATE>
<SCRIPT language=javascript type=text/javascript>
<!--
	function __doPostBack(eventTarget, eventArgument) {
		var theform;
		if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
			theform = document.Form1;
		}
		else {
			theform = document.forms["Form1"];
		}
		theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
		theform.__EVENTARGUMENT.value = eventArgument;
		theform.submit();
	}
// -->
</SCRIPT>

<SCRIPT language=javascript src="轻轻松松创建网页目录树菜单.files/WebUIValidation.js" 
type=text/javascript></SCRIPT>
 
<H1 id=header><A class=headermaintitle id=Header1_HeaderTitle 
href="http://blog.csdn.net/laily/">阿赖的个性空间</A></H1>
<P id=tagline></P>
<DIV id=rightmenu>
<H3>My Links</H3>
<UL>
  <LI><A id=MyLinks1_HomeLink title=到聚合站点 
  href="http://blog.csdn.net/">CSDNBlog</A> 
  <LI><A id=MyLinks1_ContactLink accessKey=9 
  href="http://blog.csdn.net/laily/contact.aspx">Contact</A> 
  <LI><A id=MyLinks1_Syndication 
  href="http://blog.csdn.net/laily/Rss.aspx">Syndication</A><A 
  id=MyLinks1_XMLLink href="http://blog.csdn.net/laily/Rss.aspx"><IMG alt="" 
  src="轻轻松松创建网页目录树菜单.files/xml.gif" border=0></A> 
  <LI><A id=MyLinks1_Admin href="http://blog.csdn.net/laily/login.aspx">登录</A> 
  </LI></UL>
<H3>Blog Stats</H3>
<UL>
  <LI>Posts - 55 
  <LI>Stories - 12 
  <LI>Comments - 185 
  <LI>Trackbacks - 11 </LI></UL>
<H3>News</H3>
<UL>
  <LI>Home：<A href="http://www.9499.net/" 
  targer="_blank">http://www.9499.net/</A> 
  <LI>Email:A at Lai.Com.Cn 
  <LI>QQ:3959809 </LI></UL>
<SCRIPT language=javascript src="轻轻松松创建网页目录树菜单.files/alai_menu_xp.js"></SCRIPT>

<SCRIPT language=javascript>
document.body.onload=function()
{
try{
    var mc=new alai_menu_bar1(document.all.tagline) //建立导航菜单
	var imgUp=new Image()
	var imgDown=new Image()
	imgUp.src="http://blog.csdn.net/images/blog_csdn_net/laily/17459/o_minus.gif"
	imgDown.src="http://blog.csdn.net/images/blog_csdn_net/laily/17459/o_plus.gif"
	var h3=document.getElementsByTagName("h3")
	for(var i=0;i<h3.length;i++)
	{
		if(h3[i].sourceIndex>rightmenu.nextSibling.sourceIndex)break
		var img=new Image()
		img.src=imgUp.src
		h3[i].insertAdjacentElement("afterBegin",img)
		h3[i].onclick=function()
		{
			var ul=this.nextSibling
			var img=document.all[this.sourceIndex+1]
			ul.style.display=(ul.style.display=="none")?"block":"none"
			img.src=(ul.style.display=="none")?imgDown.src:imgUp.src
		}
		if(h3[i].nextSibling.tagName.toLowerCase()!="ul")continue
		var mnu=new alai_menu_xp(260)
		var items=h3[i].nextSibling.children
		if(items==null)continue
		for(var j=0;j<items.length;j++)
		{
			var item=items[j].childNodes[0]
			if(item==null)continue
			if(typeof(item.innerText)=="undefined" || typeof(item.href)=="undefined")continue
			if(item.target=="")item.target="_self"
			mnu.addLink(item.href,item.innerText,item.target,"http://gf.yf163.com/tmp/tc/images/html.gif")
		}
		if(mnu.item.length>0)mc.add(h3[i].innerText,mnu)
	}
	h3[0].click();	h3[1].click();
	
	//添加控制导航栏收缩/展开的按钮
	var btn=document.createElement('span');
	document.body.insertAdjacentElement('beforeEnd',btn);
	btn.style.cssText='position:absolute;display:block;top:22;left:2;width:110;height:20;color:blue;background:yellow;border:2 outset;cursor:hand;';
	btn.innerText='<<收回导航栏';
	btn.onclick=function()
	{
		var isHide=(rightmenu.style.display=='none');
		rightmenu.style.display=isHide?'block':'none';
		btn.innerText=isHide?'<<收回导航栏':'展开导航栏>>';
	}
	
	
} catch(e){}
}
</SCRIPT>

<H3>热点导航</H3>
<DIV 
style="BACKGROUND-IMAGE: url(http://blog.csdn.net/images/blog_csdn_net/laily/17459/o_bline.gif); WIDTH: 100%; TEXT-ALIGN: center"><BR><A 
href="http://www.9499.net/?go=bbs"><IMG src="轻轻松松创建网页目录树菜单.files/logo.gif" 
border=0></A><BR><A href="http://www.9499.net/?go=bbs">&lt;&lt;加入&gt;&gt;</A> 
</DIV>
<DIV style="WIDTH: 100%; TEXT-ALIGN: center">
<H3>摄影展台</H3><IMG id=photoShow style="WIDTH: 100%; CURSOR: hand" onerror=// 
src="轻轻松松创建网页目录树菜单.files/25">
<SCRIPT>
try{
	//摄影展台
	var a=[['r_4legsnake','4444'],['r_P1080481','4446'],['r__P1080694','4442'],['r_laicom_1088086488','4443'],['r_P1050503','4445'],['r_P1050437','4450'],['r_P1050131','4451'],['r_P1030162','5392'],['r_P1000809','5396'],['r_P1030320','5397'],['r_P1020942','5398'],['r_P1080766','4455'],['r_P1100419','10798']];
	var i=Math.floor(a.length*Math.random());
	document.all.photoShow.src='http://blog.csdn.net/images/blog_csdn_net/laily/25040/'+a[i][0]+'.jpg';
	document.all.photoShow.onclick=function(){self.location='http://blog.csdn.net/laily/gallery/image/'+a[i][1]+'.aspx';}
} catch(e){;}
</SCRIPT>
 
<H3>Utilities</H3>
<DIV 
style="BACKGROUND-IMAGE: url(http://blog.csdn.net/images/blog_csdn_net/laily/17459/o_bline.gif)">
<DIV style="OVERFLOW: hidden; HEIGHT: 132px"><EMBED 
src=http://www.clocklink.com/Clocks/0001-green.swf?TimeZone=CCT width=150 
height=150 type=application/x-shockwave-flash wmode="transparent" 
_style="position:absolute;z-index:2;top:85;left:133;"> </DIV>总计数：<IMG 
src="轻轻松松创建网页目录树菜单.files/counter.gif"> <BR>当前页：<IMG id=PageView 
src="轻轻松松创建网页目录树菜单.files/25"><BR><IMG id=TotalView style="DISPLAY: none" 
src="轻轻松松创建网页目录树菜单.files/25"> <INPUT id=txtQ size=12><IMG 
onclick="self.open('http://www.google.com/search?&amp;hl=zh-CN&amp;q='+txtQ.value,'goog');" 
alt=Google搜索 src="轻轻松松创建网页目录树菜单.files/Logo_25wht.gif" align=absMiddle 
border=0><BR><!--
<INPUT TYPE=text id=txtBaidu size=12><IMG SRC="http://img.baidu.com/search/img/baidulogo_clarity_80_29.gif" 
border="0" ALT="百度搜索" align="bottom" onclick="self.open('http://www.baidu.com/baidu?ie=utf-8&word='+txtBaidu.value,'baidu');">
-->
<SCRIPT>
/*
try{var ch = 'Merlin'; var a = new ActiveXObject('Agent.Control.2'); a.Connected = true; a.Characters.Load(ch,ch+'.acs'); with(a.Characters(ch)){MoveTo(20,100); Show(); Play('Announce');Speak('欢迎光临阿赖的CSDN BLOG'); Play('Explain'); Speak('探讨技术，交流思想，与君共勉，分享编程的乐趣，欢迎朋友们有空来坐坐！'); Play('Idle1_1'); Play('Pleased'); Speak('请多多指教，欢迎您发表评论'); MoveTo(600,300); Play('Surprised'); Speak('您也可以到我的主页留言，网址是：www.9499.net'); Play('Idle1_2');Play('GestureUp'); Speak('祝您过得愉快'); Play('Read'); }}catch(err){this.alt=err.description;}
*/
</SCRIPT>
<BR><EMBED id=olplayer style="WIDTH: 100%; HEIGHT: 45px" 
src=http://gf.yf163.com/tmp/mp3.asx loop="false" AutoStart="false"> </DIV></DIV>
<SCRIPT>
//设置两个计数计的外观样式，取值1-60
var PageCountStyle=48
var TotalCountStyle=48
try{
var sUrl=self.location.href
var re=new RegExp("(.+\.net\/)([^\/]+)([^\.]*)","ig")
if(re.test(sUrl))
{
var blog_id=RegExp.$2;
var page_id=blog_id+"__"+RegExp.$3.replace(/\//g,"");
blog_id+="__CSDNBLOG"
var cUrl="http://nmc2.jy.js.cn/cgi-bin/counter.pl?ln=8&bd=$0;$0;$255&from=0"
document.all.PageView.src=cUrl+"&id="+page_id+"&md=a"+PageCountStyle
document.all.TotalView.src=cUrl+"&id="+blog_id+"&md=a"+TotalCountStyle
}
}catch(e){;}
1234

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -