DW中制作树形菜单

本文介绍了如何使用table、div、css和javascript结合制作树形菜单,强调了这种方法相比纯表格实现的灵活性,并提供了源码供读者参考。通过javascript实现了菜单的收缩效果。
摘要由CSDN通过智能技术生成

       接上一篇

       二、树形菜单的制作

       制作思想:在网上找到的资料那棵树全部是用表格控制实现的,我看了看代码,加上平时使用div+css布局的习惯,感觉使用表格和div结合在一起来实现树形菜单更为灵活一些。所以最后就采用了table+div+css+javascript来实现树形菜单已经其收缩效果。

       下面我将源码分享给大家,可以参考参考,也许你有更好的办法

       body里的代码,我将收缩效果用到的javascript代码直接写到了div标签里,也可以单独拿出来写。还有用到的一些图片大家可以去网上下载或者直接截图也可以。    

<div id="leftIndex">
   <!--顶部图片-->
   <div id="imgTop">
   <img src="image/leftTop.png" width="247" height="28" />
   </div>
   <!--导航栏内容区-->
   <table class="tableLeft">
       <tr>
           <td class="
Dreamweaver 外部插件 名称 简介 Alwaysontop 可以使弹出的窗口始终位于顶端 Browse4redirct 页面自动重定向到某个地址 Moustrail 鼠标移动带有"轨迹" windowresizer 指定窗口的分辨率 Pageborder 设定页边距 ColourDethRedirect 根据访问者的的屏幕颜色数选定相应页面 Framewizard 制作各种样式的帧结构 FrameBuster 监测是否现在在一个帧,如果在跳出帧结构 Makemaillink 建立邮件连接 Makenewslink 建立新闻组连接 Fullscreen Opener 在新窗口以全屏幕方式打开页面 close onblur 光标移出窗口时自动关闭该窗口 CSS on resolution 根据不同的分辨率调入相应的外部css文件 Css on platform 根据不同的操作系统调入相应的外部css文件 Css on Browser 根据不同的浏览器调入相应的外部css文件 FontTagKiller 将页面所有的标记清除 jsonbrowser 根据不同的浏览器选择不同的js代码 Remove lines from maps IE4会在可点图激活时候显示虚线框,该命令移走这个框 Tag killer 将指定的标签从页面清除 InsertCustom Tag 插入自定义标签 set global Var 在head标签设置javascript的全局变量 windwo mover 将窗口移到屏幕的指定地方 dreamshow 使图片像播放幻灯一样顺序播放 Show-HideallLayers 隐藏或者显示所有的层 OpenerLocation 在新窗口打开指定的url Flash3_detector 监测是否支持flash3 redirect 可以根据浏览器操作系统等多种条件调入相应页面 Centrewindow 自动将窗口置 One by one(behavior+command) 在显示当前层的时候,自动隐藏前一个层 maxmizewindow 最大化窗口 Open full screen window 打开一个新的全屏幕的窗口 printcrossbrowser 弹出打印对话框 Audioembed 可以嵌入midi文件并设置为循环播放 Background_that_fit 不论怎样缩放窗口背景图片总是和窗口一样大 Basetarget 设定页面的的base URL Timestamp 为页面加上时间戳,这下最新更动时间不用每次再自己写了 guestbook-o-matic 不用cgi制作自己的留言本 quicktimeobj 插入quicktime文件 Flash3embedder 插入Flash3文件 realvideo 插入real文件 js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化窗口   名称 简介 Reverse Timeline Reverse Timeline可以从TIMELINE的帧15倒放到帧1,但必须将其放到TIMELINE的文件夹下,否则它不会工作 Layer f(x) Behavior 这个Behavior 可以让一个层(layer)按照一个圆形、螺旋形或一些 特殊的轨迹运动。 Align Layers 这个Action的功能是让用户可以将一个layer象table一样的在屏幕上 进行竖直或水平排列对齐,同时这个插件还可以设置整个html页面的边距。 Layer Transitions 包含了12种网页常见的层变化效果的插件,在IE和NN内都能够正常 显示。 Back to my frame 在网页加入这个action后浏览器将会判断当前的页面是否包含在一 个帧,如果结果为否则会自动跳转到指定的url地址。 History Go 2.0 这个Behavior的作用是在网页增加一个“History Go”的javascri pt,从而可以实现类似于浏览器的“前进”和“后退”按钮的功能。 Print 3.0
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值