dreamweaver如何随鼠标移动改变表格的背景颜色

发布网友发布时间：2022-04-21 03:33

共3个回答

热心网友时间：2022-04-24 20:37

你的问题表述的不是很明确，因此我只能给你一个思路，你尝试一下：要实现鼠标移动来改变表格的颜色，首先要获取鼠标移动事件，鼠标移动到表格上是一个颜色，移出表格又换一个颜色，这就分别用到javascript函数来响应鼠标事件，鼠标移动到表格上是onmouseover()，反之而是onmouseout()。
然后你要写javascript脚本函数来响应，就拿鼠标移动到表格上变绿色来说，如果你的表格的id="tt"，那就可以在onmouseover()里面这样写：
document.getelementById(tt).backgroundcolor="Green";
仅提供一个思路，代码可能要稍微修改一下，你再在网上搜一下具体javascript的写法！

热心网友时间：2022-04-24 21:55

鼠标移动改变表格颜色其中我们要用到css2.0中的hover伪类属性；
hover伪类就是模拟鼠标移动到元素的事件属性；
而我们怎么选取表格中的一行呢；
例子：
<table>
<tr><td></td><td></td><td></td></tr>

<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
上面是一个三行三列的表格；
css:
table{width:800px;}
table tr td{height:25px;}
table tr td:hover{background:#f00}
这样鼠标移动到某一行时候颜色变成红色

热心网友时间：2022-04-24 23:29

用鼠标事件onmousemove