《Dreamweaver网页设计项目教程 教学课件 ppt 作者 王雪松 项目二ppt 任务4网页美化与特效7》由会员分享，可在线阅读，更多相关《Dreamweaver网页设计项目教程 教学课件 ppt 作者 王雪松 项目二ppt 任务4网页美化与特效7（9页珍藏版）》请在金锄头文库上搜索。
1、Dreamweaver网页设计项目教程,机械工业出版社,任务4网页美化与特效7（建议2学时）,任务实施,双击添加标题文字,制作导航“最新动态”的鼠标特效,主导航各个超链接的鼠标特效除位置和文本内容不同，其他均相同，可以用复制代码的方法进行制作 . 1）返回index.html，打开“代码”窗口，复制子导航“#nav_son”代码，并修改“#nav_son”为#nav_son1”，如图所示：,任务实施,双击添加标题文字,制作导航“最新动态”的鼠标特效,2）在代码窗口中，光标定位在“最新动态”的超链接开始标签中，在“行为”面板中添加“显示-隐藏元素”，如图所示：,任务实施,双击添加标题文字,制作导
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!,谢谢观赏,
