DW鼠标经过表格背景变色
答案:2 悬赏:0 手机版
解决时间 2021-12-19 08:26
- 提问者网友:情歌越听越心酸
- 2021-12-18 23:51
DW鼠标经过表格背景变色
最佳答案
- 五星知识达人网友:杯酒困英雄
- 2021-12-19 00:09
一、新建网页,创建表格。
新建一个网页,在Dreamweaver中点击插入表格按钮,然后在弹出的窗口填写选项,行数自定(我填3),列数填2就可以了,表格宽度300像素,边框粗细、单元格边距和间距都填0,页眉选择无即可,如图一所示,然后点击确定。新表格创建完毕。
二、给表格定义背景色。
在Dreamweaver右侧的CSS面板中点击“新建CSS规则”按钮,如图二,在弹出的选项板中“选择器类型中”选择第二项“标签”,在“标签”选项中填入或选择tr,“定义在”选择仅对该文档,如图三所示,然后确定。
下面弹出的是CSS规则定义窗口,左侧选择“背景”,右侧的背景中选择颜色#666666,如图四所示,然后点击确定。
三、添加:hover属性
现在做的就是重复第二步中的两项操作,点击“新建CSS规则”按钮,在弹出的选项板中选择器类型中选择第三项“高级”,在下面选择a:hover,并把a改成tr,或者直接填写上tr:hover也可以,“定义在”选择仅对该文档,如图五所示,然后确定。
在下面弹出的CSS规则定义窗口中同样选择背景,右侧选择一个背景颜色#CCCCCC,如图六所示,然后点击确定。
用各种浏览器预览一下,你会发现在Firefox和IE7中的效果是正常的,但在IE6中没有任何效果。这是因为他不支持伪类:hover,只能想办法修正一下,所以只能动用JavaScript。
四、用JavaScript修正IE6中的效果。
将Dreamweaver切换到代码视图,在源代码中找到表格的各行开头标签处,在 标签中加入JavaScript代码,变成:
onmouseover是鼠标悬浮时,onmouseout是鼠标移开,这句话的意思就是当鼠标悬浮到此行的时候它的背景颜色值为#CCCCCC,当鼠标移开时背景消失。
只有加上这行代码的标签才会有变换效果,所以三行都要改成这个样子。如果你要做的表格有N多行,觉得每行都加这个JavaScript代码比较麻烦,只能求助更高级的JavaScript代码方法了,但它离我的话题太远了,这里就不介绍了,有兴趣的朋友可以在网上搜搜看。
到这里,如何用CSS制作鼠标经过表格变色的方法已经介绍完了,如果您还有其它更好的方法,可以与我交流,我们共同探讨。
新建一个网页,在Dreamweaver中点击插入表格按钮,然后在弹出的窗口填写选项,行数自定(我填3),列数填2就可以了,表格宽度300像素,边框粗细、单元格边距和间距都填0,页眉选择无即可,如图一所示,然后点击确定。新表格创建完毕。
二、给表格定义背景色。
在Dreamweaver右侧的CSS面板中点击“新建CSS规则”按钮,如图二,在弹出的选项板中“选择器类型中”选择第二项“标签”,在“标签”选项中填入或选择tr,“定义在”选择仅对该文档,如图三所示,然后确定。
下面弹出的是CSS规则定义窗口,左侧选择“背景”,右侧的背景中选择颜色#666666,如图四所示,然后点击确定。
三、添加:hover属性
现在做的就是重复第二步中的两项操作,点击“新建CSS规则”按钮,在弹出的选项板中选择器类型中选择第三项“高级”,在下面选择a:hover,并把a改成tr,或者直接填写上tr:hover也可以,“定义在”选择仅对该文档,如图五所示,然后确定。
在下面弹出的CSS规则定义窗口中同样选择背景,右侧选择一个背景颜色#CCCCCC,如图六所示,然后点击确定。
用各种浏览器预览一下,你会发现在Firefox和IE7中的效果是正常的,但在IE6中没有任何效果。这是因为他不支持伪类:hover,只能想办法修正一下,所以只能动用JavaScript。
四、用JavaScript修正IE6中的效果。
将Dreamweaver切换到代码视图,在源代码中找到表格的各行开头
onmouseover是鼠标悬浮时,onmouseout是鼠标移开,这句话的意思就是当鼠标悬浮到此行的时候它的背景颜色值为#CCCCCC,当鼠标移开时背景消失。
只有加上这行代码的
到这里,如何用CSS制作鼠标经过表格变色的方法已经介绍完了,如果您还有其它更好的方法,可以与我交流,我们共同探讨。
全部回答
- 1楼网友:一把行者刀
- 2021-12-19 00:48
菜单栏,修改-页面属性-左边框选择“链接”-“变换图像链接”设置颜色
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯
作文(50分)题目:我很想要求:①请结合自己的生 |
下列四项中加点字的读音有一个错误的一项是A.着想 |
灵隐寺离西湖多远 西湖景点游玩多长时间合适 |
从青岛到日本爱瑗多少公里 |
小学语文填空题:()的回忆? |
广州南站到广东工业大学怎么走 |
信丰县工商行政管理局小河分局办公位置在哪啊?好 |
无线网速慢怎么回事 |
正方形一边上任一点到这个正方形两条对角线的 |
阴历怎么看 ? |