首页 | 小言视角 | 文摘 | 我的收藏 | 我爱我家 | 技术中心 | 学无止境留言本 |
当前位置:首页>>学无止境>>软件应用>>正文
DreamweaverMX下导航菜单的制作

文章来源: 文章作者: 发布时间:2006-04-15   字体: [ ]

第一步:先插入一个一行、两列的表格,方法:单击菜单上的“插入”,再选取“表格”,在“行”中输入1,在列中输入2,在单击“确定”。为了美观,在表格的属性栏中,把宽和高分别设为200px和30px,并且把表格的边框颜色全部设为#FFFFFF,然后分别点选两个单元格,在属性栏中将其边框颜色设为#6699FF。在两个单元格内分别输入“娱乐专区”和“学习乐园”。并在单元格属性栏中设为中间对齐。

第二步,在“资料教程”单元格内插入一个层。方法:单击菜单上的“插入”,再选取“层”。这时,在单元格中便会出现一个层。这时我们并不满意层的位置,所以就来移动它。层的移动是非常容易的,选取层,然后按键盘上的箭头键就可以移动了,而且不受任何限制。同样,我们为了美观也可以在层的属性栏中设定它的大小,把宽和高分别设为100px和90px。
  第三步:在层中插入一个三行、一列的表格,方法同第一步。并把宽和高分别设为100px和90px,以填满这个层。再把边框颜色做如第一步的设置。在三个单元格中输入“影视天地”、“动感音乐”和“娱乐新闻”。并在属性栏中设为中间对齐。

第四步:在层的属性栏中将“可视”设为“隐藏”,这样在打开网页时便看不见这个层。接着选取单元格,然后打开行为面板,来给单元格添加行为。

☆注意:在行为栏的标题栏上一定要是显示“”才行,这说明要添加的这个行为是添加在单元格上的,如果没有的话那就要重新点选单元格。

在“行为目标”中选择一个合适的浏览器,一般是选择“IE 4.0”。然后单击左边的“+”按钮,来添加行为。在弹出的菜单中选择“显示或隐藏层”,在弹出的窗口中选择“层”,“层1”,就是我们刚才添加的那个层了,再单击“显示”,确定就行了。这时在行为栏中就出现了刚刚添加的这个行为。接着单击“事件”下面右边的那个向下箭头按钮,在弹出菜单中选择“当鼠标移上”(OnMouseOver)。好了,这样当页面载入时,这个层并不会出现,只有当我们的鼠标移上单元格时才会出现,再单击“+”按钮,选取“显示或隐藏层”,还是选取“层1”,不过这次我们点击的是“隐藏”了,再确定。然后选择“事件”,单击“当鼠标移开”(OnMouseOut)。

按下“F12”,预览一下。

 

 

http://www.wz2002.com/Get/jyky/113132225.htm



↑返回顶部   打印本页   关闭窗口↓  
 
相关信息

·CorelDraw中改变位图指定
·Dreamweaver使用中的小技
·CorelDRAW填色技巧图解
·Dreamweaver MX 2004之层
·CorelDRAW教程:制作具有三
·网页制作中下拉菜单相对定
·CorelDraw的19个技巧
·办公自动化问答

热点文章

·推荐一个好东西:免费电话
·上传软件LeapFtp的使用方
·Flashfxp使用指南(网站文
·如何关闭FlashFXP的被动模
·十大常遇流氓软件完全卸载
·IE最新高危漏洞非官方补丁
·LZK主讲网页制作入门(图
·corelDRAW12教程:女性内衣

推荐文章

 

首页>>学无止境>>软件应用>>
语深深版权所有 2005-2008