dreamweaver如何随鼠标移动改变表格的背景颜色
如题抱歉问题没有说明:对一个表格,我希望当鼠标移到某单元格时其背景颜色能够改变。能说明一下具体的代码或设计界面的操作方法吗?...
如题
抱歉问题没有说明:对一个表格,我希望当鼠标移到某单元格时其背景颜色能够改变。
能说明一下具体的代码或设计界面的操作方法吗? 展开
抱歉问题没有说明:对一个表格,我希望当鼠标移到某单元格时其背景颜色能够改变。
能说明一下具体的代码或设计界面的操作方法吗? 展开
3个回答
展开全部
你的问题表述的不是很明确,因此我只能给你一个思路,你尝试一下:要实现鼠标移动来改变表格的颜色,首先要获取鼠标移动事件,鼠标移动到表格上是一个颜色,移出表格又换一个颜色,这就分别用到javascript函数来响应鼠标事件,鼠标移动到表格上是onmouseover(),反之而是onmouseout()。
然后你要写javascript脚本函数来响应,就拿鼠标移动到表格上变绿色来说,如果你的表格的id="tt",那就可以在onmouseover()里面这样写:
document.getelementById(tt).backgroundcolor="Green";
仅提供一个思路,代码可能要稍微修改一下,你再在网上搜一下具体javascript的写法!
然后你要写javascript脚本函数来响应,就拿鼠标移动到表格上变绿色来说,如果你的表格的id="tt",那就可以在onmouseover()里面这样写:
document.getelementById(tt).backgroundcolor="Green";
仅提供一个思路,代码可能要稍微修改一下,你再在网上搜一下具体javascript的写法!
展开全部
鼠标移动改变表格颜色其中我们要用到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}
这样鼠标移动到某一行时候颜色变成红色
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}
这样鼠标移动到某一行时候颜色变成红色
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用鼠标事件onmousemove
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询