<STYLE type=text/css>TD {
FONT-SIZE: 9pt
}
BODY {
FONT-SIZE: 9pt
}
A:link {
COLOR: blue; TEXT-DECORATION: none
}
A:visited {
COLOR: blue; TEXT-DECORATION: none
}
A:active {
COLOR: green; TEXT-DECORATION: none
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
}
li{
list-style:none;
}
</STYLE>
<script language="JavaScript1.2">
function initIt(){
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) {
var menu=getElementsByClass(document,"parent","div");
var childMenu=getElementsByClass(document,"child","div");
for(var i=0;i<menu.length;i++)
{
if(menu[i]==document.getElementById(el+"Parent"))
{
if(childMenu[i].style.display=="none")
document.getElementById(el+"Child").style.display="block";
else
childMenu[i].style.display="none";
}
else
{
childMenu[i].style.display="none";
}
}
}
function getElementsByClass(node,searchClass,tag)
{
var classElements = new Array();
var els = node.getElementsByTagName(tag); // use "*" for all elementsvar
elsLen = els.length;
var pattern = new RegExp("//b"+searchClass+"//b");
for (i = 0, j = 0; i < elsLen; i++)
{
if ( pattern.test(els[i].className) )
{
classElements[j] = els[i]; j++;
}
}
return classElements;
}
onload = initIt;
</script>
</head>
<body>
<!--第二步:把如下代码加入<body>区域中//-->
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC="111.gif" BORDER=0>时间日期类</a></div><div id='KB1Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意位置显示时钟</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>倒计时代码生成器</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>八种风格时间显示</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示登陆时间</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>日历生成器</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>退出显示访问时间</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>一款特酷的时钟</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>全中文日期显示</a></div>
<div id='KB2Parent' class='parent'><a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC="111.gif" BORDER=0>页面导航类</a></div><div id='KB2Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示站点信息导航</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意显示导航信息</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>动态导航脚本</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>下拉式导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止图片脚本</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>文本静止不动</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>信息框显示链接</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>友情链接导航框</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>目录式导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>重要信息说明脚本</a>
</div>
<div id='KB3Parent' class='parent'><a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC="111.gif" BORDER=0>页面背景类</a></div><div id='KB3Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景向下移动</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景不停变换色彩</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>使页面产生百叶窗</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>颜色代码英文集</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>自已选择背景颜色</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景颜色安全测试</a></li>
<li><a href="#" target='_target'> <IMG SRC="tp9.gif" BORDER=0>颜色选择器</a></li>
</div>
FONT-SIZE: 9pt
}
BODY {
FONT-SIZE: 9pt
}
A:link {
COLOR: blue; TEXT-DECORATION: none
}
A:visited {
COLOR: blue; TEXT-DECORATION: none
}
A:active {
COLOR: green; TEXT-DECORATION: none
}
A:hover {
COLOR: red; TEXT-DECORATION: underline
}
li{
list-style:none;
}
</STYLE>
<script language="JavaScript1.2">
function initIt(){
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) {
var menu=getElementsByClass(document,"parent","div");
var childMenu=getElementsByClass(document,"child","div");
for(var i=0;i<menu.length;i++)
{
if(menu[i]==document.getElementById(el+"Parent"))
{
if(childMenu[i].style.display=="none")
document.getElementById(el+"Child").style.display="block";
else
childMenu[i].style.display="none";
}
else
{
childMenu[i].style.display="none";
}
}
}
function getElementsByClass(node,searchClass,tag)
{
var classElements = new Array();
var els = node.getElementsByTagName(tag); // use "*" for all elementsvar
elsLen = els.length;
var pattern = new RegExp("//b"+searchClass+"//b");
for (i = 0, j = 0; i < elsLen; i++)
{
if ( pattern.test(els[i].className) )
{
classElements[j] = els[i]; j++;
}
}
return classElements;
}
onload = initIt;
</script>
</head>
<body>
<!--第二步:把如下代码加入<body>区域中//-->
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC="111.gif" BORDER=0>时间日期类</a></div><div id='KB1Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意位置显示时钟</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>倒计时代码生成器</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>八种风格时间显示</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示登陆时间</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>日历生成器</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>退出显示访问时间</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>一款特酷的时钟</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>全中文日期显示</a></div>
<div id='KB2Parent' class='parent'><a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC="111.gif" BORDER=0>页面导航类</a></div><div id='KB2Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示站点信息导航</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意显示导航信息</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>动态导航脚本</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>下拉式导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止图片脚本</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>文本静止不动</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>信息框显示链接</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>友情链接导航框</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>目录式导航菜单</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>重要信息说明脚本</a>
</div>
<div id='KB3Parent' class='parent'><a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC="111.gif" BORDER=0>页面背景类</a></div><div id='KB3Child' class='child'>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景向下移动</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景不停变换色彩</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>使页面产生百叶窗</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>颜色代码英文集</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>自已选择背景颜色</a></li>
<li><a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景颜色安全测试</a></li>
<li><a href="#" target='_target'> <IMG SRC="tp9.gif" BORDER=0>颜色选择器</a></li>
</div>