在浏览一些网页的时候,将鼠标放在图像或者链接上会有解释文字出现,实现这种效果可以通过下述步骤实现。
第一步先在Dreamweaver MX 2004的编辑窗口中插入一幅图像,单击这幅图像之后在属性面板的链接输入框内填写“#”号让它链接本页。
第二步通过“Insert→Layer Objects→Layer”命令在图像旁边添加一个层,并且输入需要显示的话。选择这个层之后,在属性面板中将“Vis”属性设置为“hiddend”来隐藏该层
第三步选择图像之后,通过“Windows→Behaviors”命令激活行为面板,单击“+”按钮并选择“Show-Hide Layers”一项。在弹出的窗口中选取需要显示的层,接着点击下部的“Show”按钮,这样确认之后就可以在行为面板中多出了一个名为onMouseOver的事件。此时点击“+”按钮并击选择“onMouseOver”一项,这样当鼠标放在图像上就可以显示该层,也就是可以出现浮动的文字解释了。
第四步接着参照第三步为刚才的层添加“Hide”事件,并且将行为设置为“onMouseOut”,这样鼠标拿开时就可以隐藏该层了。
完成上述操作之后,按下“F12”按钮即可打开IE浏览器进行预览,当鼠标移动到这个图片上的时候会出现预先设置好的提示字样,而鼠标移开图片时字样自动隐藏  |