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

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效8（建议2学时） 任务实施 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 任务实施 制作导航“最新动态”的鼠标特效 1）网页index.html中添加并修改了“#nav_son1”后，要为它创建相应的CSS样式。“#nav_son1”与“#nav_son” 除了左边距不同，其他样式相同，这里可以直接复制、修改代码，如图所示: 任务实施 制作导航“最新动态”的鼠标特效 2）设置“#nav_main”的定位类型。因为多个子导航栏的位置都在主导航栏下方，所以位置重叠，需要设置“position”属性，即规定元素的定位类型。 ① 在CSS样式面板中，选中“#nav_main”并双击，或单击进入“#nav_main的CSS规则定义”对话框，如图所示: 任务实施 制作导航“最新动态”的鼠标特效 ② 设置它的定位（position）为相对定位（relative），如图所示: 任务实施 制作导航“最新动态”的鼠标特效 ③ 设置完成后的CSS样式代码如图所示: 任务实施 制作导航“最新动态”的鼠标特效 3）设置“#nav_son”、“#nav_son1”的定位。