***页面特效***又一个树形菜单(有色的)
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件脚本说明:
第一步:把如下代码加入<head>区域中
<script language="javascript">
<!--
var bv=parseint(navigator.appversion);
var ns4=(document.layers) ? true : false;
var ie4=((document.all)&&(bv>=4))?true:false;
var ver4 = (ns4 || ie4) ? true : false;
function expandit(){return}
function expandall(){return}
function nomsg(){self.status="";}
if(ver4){
document.write("<scr"+"ipt language=\"javascript\" src=\"rsmenu1.js\"></scr"+"ipt>");
}
//-->
</script>
第二步:把如下代码加入<body>区域中
<!---------- begin outline -----------> <a href="#" onclick="expandall(false); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0 alt="展开/关闭全部">
http://code.ik8.com/html/bullet-plus.gif<font color="#008000">全部菜单</font></a> <!-- <span style="background: #00ffff; color: black">展开/关闭全部</span> -->
<!-- <blockquote> --> <!-- 第一级父菜单 -->
<div id="eloneparent" class=parent style="margin-left: 0.5em">
<a href="#" style="color:#c000ff; text-decoration:none;" onclick="expandit('elone'); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0>主菜单一http://code.ik8.com/html/bullet-plus.gif</a>
</div>
<!-- 第一级子菜单 -->
<div id="elonechild" class=child style="margin-left: 1em">
<a href="1.htm" target="data">子页面一</a><br>
<a href="2.htm" target="data">子页面二</a><br>
<a href="3.htm" target="data">子页面三</a><br>
<a href="4.htm" target="data">子页面四</a>
</div>
<!-- 第二级父菜单 -->
<div id="eltwoparent" class=parent style="margin-left: 0.5em">
<a href="#" style="color:#c000ff; text-decoration:none;" onclick="expandit('eltwo'); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0>主菜单二http://code.ik8.com/html/bullet-plus.gif</a>
</div>
<!-- 第二级子菜单 -->
<div id="eltwochild" class=child style="margin-left: 1em">
<a href="1.htm" target="data">子页面一</a><br>
<a href="2.htm" target="data">子页面二</a><br>
<a href="3.htm" target="data">子页面三</a><br>
<a href="4.htm" target="data">子页面四</a>
</div>
<!-- 第三级父菜单 -->
<div id="elthreeparent" class=parent style="margin-left: 0.5em">
<a href="#" style="color:#c000ff; text-decoration:none;" onclick="expandit('elthree'); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0>主菜单三http://code.ik8.com/html/bullet-plus.gif</a>
</div>
<!-- 第三级子菜单 -->
<div id="elthreechild" class=child style="margin-left: 1em">
<a href="1.htm" target="data">子页面一</a><br>
<a href="2.htm" target="data">子页面二</a><br>
<a href="3.htm" target="data">子页面三</a><br>
<a href="4.htm" target="data">子页面四</a>
</div>
<!-- 第四级父菜单 -->
<div id="elfourparent" class=parent style="margin-left: 0.5em">
<a href="#" style="color:#c000ff; text-decoration:none;" onclick="expandit('elfour'); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0>主菜单四http://code.ik8.com/html/bullet-plus.gif</a>
</div>
<!-- 第四级子菜单 -->
<div id="elfourchild" class=child style="margin-left: 1em">
<a href="1.htm" target="data">子页面一</a><br>
<a href="2.htm" target="data">子页面二</a><br>
<a href="3.htm" target="data">子页面三</a><br>
<a href="4.htm" target="data">子页面四</a>
</div>
<!-- 第五级父菜单 -->
<div id="elfiveparent" class=parent style="margin-left: 0.5em">
<a href="#" style="color:#c000ff; text-decoration:none;" onclick="expandit('elfive'); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0>主菜单五http://code.ik8.com/html/bullet-plus.gif</a>
</div>
<!-- 第五级子菜单 -->
<div id="elfivechild" class=child style="margin-left: 1em">
<a href="1.htm" target="data">子页面一</a><br>
<a href="2.htm" target="data">子页面二</a><br>
<a href="3.htm" target="data">子页面三</a><br>
<a href="4.htm" target="data">子页面四</a>
</div>
<!-- </blockquote> -->
<div id="elexpparent" class=regular> <a href="#" onclick="expandall(true); return false"><img name="imex" src="bullet-plus.gif" width=9 height=9 border=0 alt="展开/关闭全部">
http://code.ik8.com/html/bullet-plus.gif<font color="#008000">全部菜单</font></a> </div>
<!---------- end outline ----------->
<script language="javascript1.2">
<!--
if(ns4){
firstel = "eloneparent";
firstind = getindex(firstel);
showall();
arrange();
}
//-->
</script>
--------------------------------------
http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页:
[1]