08显示和隐藏层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《08显示和隐藏层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《08显示和隐藏层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(7页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
08显示和隐藏层教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)显示和隐藏层静态网站制作教学资源课件 当鼠标在网页的某个图片或文字对象上滑动时,旁边弹出介绍性的图片或文本段,而鼠标移开该对象时,介绍性的图片或文本段自动隐藏,这种网页特效也可以使用Dreamwever的行为实现。实例9:如图所示,当鼠标移到带有链接的文字“明星开店在这里”时,就显示淘宝网站该子网站的logo图片,当鼠标移开时自动隐藏该图片。1、单击“插入”工具栏“布局”选项卡中的“绘制AP Div”按钮,拖动鼠标在文字“明星开店在这里”的后面插入一个绝对定位的层,如图所示。2、在如图“apDiv1”的属性面板中设置“Z轴”的值为“100”,可见性为“hidden”,即设置该图层在最上方显示,平时不可见。3、选中要添加行为的链接文字“明星开店在这里”,“shift+F4”打开如图5.31所示的“行为”面板,选择“显示-隐藏元素”命令,打开如图5.32所示的“显示-隐藏元素”对话框,在“元素”框中选择“div apDiv1”,并单击“显示”按钮。4、在行为面板中将默认的“onClick”事件修改为当鼠标经过“onMouseOver”。5、重复3、4步,给文字链接添加当鼠标移开“onMouseOut”事件发时,图层“apDiv1”隐藏。6、“行为”面板如图5.33所示
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 08显示和隐藏层教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 08 显示 隐藏 教学 课件 高教 网页 设计 制作 Dreamweaver CS5
链接地址:https://www.taowenge.com/p-90818306.html
限制150内