今天是:
设为首页 加入收藏
  首页  文章  下载  小说  幽默  IT  QQ家园  小店  FLASH  汽车  
您现在的位置: 星雨小站 >> 文章 >> 电脑技术 >> 网页制作 >> 网页特效 >> 链接特效 >> 文章正文 用户登录 新用户注册
树形菜单效果1         ★★★★★
树形菜单效果1
作者:小雨 文章来源:本站原创 点击数: 更新时间:2005-4-19 11:09:43


脚本说明:第一步:把如下代码加入<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="展开/关闭全部">
<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>主菜单一</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>主菜单二</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>主菜单三</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>主菜单四</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>主菜单五</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="展开/关闭全部">
  <FONT COLOR="#008000">全部菜单</FONT></A> </DIV>

<!---------- end OUTLINE ----------->

<SCRIPT LANGUAGE="javascript1.2">
<!--
if(NS4){
  firstEl = "elOneParent";
  firstInd = getIndex(firstEl);
  showAll();
  arrange();
}
//-->
</SCRIPT>

 


中搜索与
的相似内容
立刻搜索→

文章录入:admin    责任编辑:小雨 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口



    推荐文章[组图]无损硬盘数据调整…
    普通文章上线[问好,打招呼] QQ表…
    普通文章拜拜[再见,晚安,下线] …
    普通文章钱[钞票,大款] QQ表情
    普通文章[组图]应知应会的5个图…
    普通文章跟我学用“记事本”
    普通文章用好Windows自带的录音…
    普通文章来测试你的网速-比比看…
    推荐文章文件夹加密过程中因误操…
    推荐文章[组图]无损硬盘数据调整…
    推荐文章能够安装多个杀毒软件吗…
    推荐文章爱情专用系列 QQ表情
    推荐文章用画图工具给图片添加文…
    推荐文章老公增加零花钱的请示报…
    推荐文章QQ搞笑表情(二) QQ表情
    推荐文章悠嘻猴 QQ表情
    使链接变为粗体的效果
    又一鼠标跟踪效果(非…
    美式插画矢量图: 水彩…
    双启动菜单巧恢复
    图片隐现效果的脚本
    目录式导航菜单
    文字渐隐渐显效果
    文本打字输出效果
    漂浮的图片链接效果
    下拉式梦幻导航菜单
    树形菜单效果2
    树形菜单效果3
    详解双系统引导菜单
    认识菜单
    页面转换特效

    糯米猪系列 QQ表情

    愚人节qq表情 QQ表情

    花脸猫系列 QQ表情

    uc表情系列 QQ表情
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    版权所有 Copyright© 2004-2005 星空联盟工作室 EMAIL:xingyu@xyu01.com
    给我发消息 给我发消息

    本站Alaxa全球网站排名 (点击查看)(安装Alexa工具条,查看各大网站全球排名)