新闻资讯 > DW MX2004从零开始(七)
                                                                                      
     【发表日期】:2007年7月20日   【出处】:整理于思达网校    【作者】:整理于思达网校   【阅读】:


    在浏览一些网页的时候,将鼠标放在图像或者链接上会有解释文字出现,实现这种效果可以通过下述步骤实现。

  第一步先在Dreamweaver MX 2004的编辑窗口中插入一幅图像,单击这幅图像之后在属性面板的链接输入框内填写“#”号让它链接本页。

  第二步通过“Insert→Layer Objects→Layer”命令在图像旁边添加一个层,并且输入需要显示的话。选择这个层之后,在属性面板中将“Vis”属性设置为“hiddend”来隐藏该层

  第三步选择图像之后,通过“Windows→Behaviors”命令激活行为面板,单击“+”按钮并选择“Show-Hide Layers”一项。在弹出的窗口中选取需要显示的层,接着点击下部的“Show”按钮,这样确认之后就可以在行为面板中多出了一个名为onMouseOver的事件。此时点击“+”按钮并击选择“onMouseOver”一项,这样当鼠标放在图像上就可以显示该层,也就是可以出现浮动的文字解释了。

  第四步接着参照第三步为刚才的层添加“Hide”事件,并且将行为设置为“onMouseOut”,这样鼠标拿开时就可以隐藏该层了。

  完成上述操作之后,按下“F12”按钮即可打开IE浏览器进行预览,当鼠标移动到这个图片上的时候会出现预先设置好的提示字样,而鼠标移开图片时字样自动隐藏

咨讯评论
相关连接
 
网校预告
联系方式
 免费咨询电话:1169865432

 电 话:023-65472523

 课程咨询:edu@staredu.net
 联系人:李老师 王老师
文章搜索: