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

📄 tree.htm

📁 javascript各种效果的实例及源代码
💻 HTM
📖 第 1 页 / 共 2 页
字号:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<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='plus.gif' BORDER=0>时间日期类</a>
</div>
<div id='KB1Child' class='parent'>
<a href='time1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>任意位置显示时钟</a><br>
<a href='time2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>倒计时代码生成器</a><br>
<a href='time3.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>八种风格时间显示</a><br>
<a href='time4.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>显示登陆时间</a><br>
<a href='time5.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>日历生成器</a><br>
<a href='time6.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>退出显示访问时间</a><br>
<a href='time7.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>一款特酷的时钟</a><br>
<a href='time8.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>全中文日期显示</a></div>
<div id='KB2Parent' class='parent'>
<a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC='plus.gif' BORDER=0>页面导航类</a>
</div><div id='KB2Child' class='child'>
<a href='dao1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>显示站点信息导航</a><br>
<a href='dao2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>任意显示导航信息</a><br>
<a href='dao3.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>动态导航脚本</a><br>
<a href='dao4.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>下拉式导航菜单</a><br>
<a href='dao5.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>静止导航菜单</a><br>
<a href='dao6.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>静止图片脚本</a><br>
<a href='dao7.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>文本静止不动</a><br>
<a href='dao8.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>信息框显示链接</a><br>
<a href='dao9.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>友情链接导航框</a><br>
<a href='dao10.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>目录式导航菜单</a><br>
<a href='dao11.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>重要信息说明脚本</a>
</div>
<div id='KB3Parent' class='parent'>
<a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC='plus.gif' BORDER=0>页面背景类</a>
</div>
<div id='KB3Child' class='child'>
<a href='back1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>背景向下移动</a><br>
<a href='back2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>背景不停变换色彩</a><br>
<a href='back3.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>使页面产生百叶窗</a><br>
<a href='back4.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>颜色代码英文集</a><br>
<a href='back5.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>自已选择背景颜色</a><br>
<a href='back6.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>背景颜色安全测试</a><br>
<a href='back7.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>颜色选择器</a><br>
<a href='back8.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>背景图片居中</a><br>
<a href='back9.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>页面转换特效</a></div>
<div id='KB4Parent' class='parent'>
<a href="#" onClick="expandIt('KB4'); return false">
<IMG SRC='plus.gif' BORDER=0>页面特效类</a>
</div>
<div id='KB4Child' class='child'>
<a href='ye1.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>字符从空中掉下来</a><br>
<a href='ye2.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>打字机式输出文字</a><br>
<a href='ye4.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>滚动显示的LOGO</a><br>
<a href='ye6.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>文本自动滚屏</a><br>
<a href='ye7.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>控制别人输入字数</a><br>
<a href='ye10.htm' target='_target'> <IMG SRC='blank.gif' BORDER=0>文本上下弹跳</a><br>

⌨️ 快捷键说明

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