Dreamweaver网页设计项目教程 王雪松 项目二 任务4网页美化与特效6新.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效6（建议2学时） 任务实施 任务实施 鼠标动作特效 1）选择“首页”超链接，单击“行为”面板中的 “增加行为”按钮,在弹出的“显示-隐藏元素”对话框中，选择“div nav_son”，单击“隐藏”按钮，此时在“元素”选项列表中，“div nav_son”后面多了“（隐藏）”，再单击“确定”按钮，如图所示： 任务实施 鼠标动作特效 2）在“行为”面板中，将默认事件改为“onMouseOut”事件，如图所示： 任务实施 鼠标动作特效 3）在index.html中，“首页”导航代码已经改变，如图所示： Index.html中的代码： lia href=#class=nav_main_current onmouseover=MM_showHideLayers(nav_son,,show) onmouseout=MM_showHideLayers(nav_son,,hide) span首页/span /a /li 注意：这段代码要加到超链接的开始标签（a）里。 任务实施 鼠标动作特效 4）因为子导航在网页浏览时是不显示的，所以应将“#main_son”的显示属性设置为隐藏。 ① 编辑“#main_son”的CSS样式表，如图所示： 任务实施 鼠标动作特效 ② 在“#main_son的CSS规则定义”对话框中，在定位样式中，设置它的显示属性（visibility）为隐藏（hidden），如图所示： 任务实施 鼠标动作特效 5）在Layout.css中，修改后的代码如图所示： Thank you! 谢谢观赏