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

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效7（建议2学时） 任务实施 任务实施 制作导航“最新动态”的鼠标特效 主导航各个超链接的鼠标特效除位置和文本内容不同，其他均相同，可以用复制代码的方法进行制作 . 1）返回index.html，打开“代码”窗口，复制子导航“#nav_son”代码，并修改“#nav_son”为#nav_son1”，如图所示： 任务实施 制作导航“最新动态”的鼠标特效 2）在代码窗口中，光标定位在“最新动态”的超链接开始标签中，在“行为”面板中添加“显示-隐藏元素”，如图所示： 任务实施 制作导航“最新动态”的鼠标特效 3）在弹出的“显示-隐藏元素”对话框中，选择“div“nav_son1””，单击“显示”按钮，此时在“元素”选项列表中，“div“nav_son1””后面多了“（显示）”，再单击“确定”按钮，如图所示 ： 任务实施 制作导航“最新动态”的鼠标特效 4）修改事件为“onMouseOver”，在index.html中的代码如图所示： 任务实施 制作导航“最新动态”的鼠标特效 5）重复步骤2），在弹击的“显示-隐藏元素”对话框中，选择“div nav_son1”，单击“隐藏”按钮，此时在“元素”选项列表中，“div nav_son1”后面多了“（隐藏）”，再单击“确定”按钮，如图所示: 任务实施 制作导航“最新动态”的鼠标特效 6）修改事件为“onMouseOut”。在index.html中的代码如图所示: Thank you! 谢谢观赏