如何用Dreamweaver添加悬浮框,如图

html-css014

如何用Dreamweaver添加悬浮框,如图,第1张

用Dreamweaver添加悬浮框的方法

1、使用Dreamweaver软件,打开一个已经编辑完成的html页面。

2、然后打开折叠的body标签,在标签的末尾添加一个DIV。

3、在DIV里面加入一个img标签,src指向images文件夹中的一张图片。

4、这时的div并没有相应的css样式,只处在整个网页的左下角。

5、接下来我们就需要将给其添加一定的css样式,为了简便起见,我的css样式就写在页面的body标签里面了。

6、首先我们要让这个DIV的position样式为fixed,意为相对于屏幕定位。然后将top设为20pxright也设为20px这样我们的div就固定在相对距离屏幕上方和右方分别20个像素的地方。

答案如下:

1.定义背景色。

在dw右侧的css面板中点击“新建css规则”按钮,在弹出的选项板中“选择器类型中”选择第二项“标签”,在“标签”选项中填入或选择tr,“定义在”选择仅对该文档,然后确定。

2.用javascript修正ie6中的效果。

将dreamweaver切换到代码视图,在源代码中找到表格的各行开头标签处,在标签中加入javascript代码,变成:

onmouseover是鼠标悬浮时,onmouseout是鼠标移开,这句话的意思就是当鼠标悬浮到此行的时候它的背景颜色值为#cccccc,当鼠标移开时背景消失。

3.选dw中层或表格,然后单击行为,添加行为,改变属性。里面有很多选项,可以更改它的背景颜色,事件为onclolck,如果是选中表格,要为单元格设置一个id,这个可以在代码里添加。