html,鼠标经过表格的某个单元格上时该单元格背景变色,不是该行背景变色,也不是仅仅文字的背景变色,

作者&投稿:昌阀 (若有异议请与网页底部的电邮联系)
html表格鼠标悬停以后如何获取单元格的内容?~

$(function() { $('table').find('td').mouseover(function() { var cont = $(this).text(); // 获取到内容 });});

为单元格添加mouseover事件
$('单元格').bind('mouseover', function () {
$(this).css('background-color', '#000'):

});
大概就是这样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.table1 {border-collapse: collapse;}
.table1 tr {}
.table1 tr td {text-align:center; line-height:36px;}
.table1 tr td:hover { background-color:#f00; color:#fff;}
</style>
</head>

<body>

<table class="table1" width="70%" border="1">
  <tr>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
  </tr>
  <tr>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
  </tr>
  <tr>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
  </tr>
  <tr>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
  </tr>
  <tr>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
    <td>测试</td>
  </tr>
</table>

</body>
</html>


用onmouseOver可以实现鼠标一进入单元格范围就变背景色.
<onMouseOver=this.style.backgroundColor='目标背景色' onMouseOut=this.style.backgroundColor='#原背景色'>


怎么去掉磁盘里的写保护?
笔者有一个128MB的优盘,在家中的Windows XP下使用正常,但在单位的Windows 2003 Server系统的“我的电脑”中无法找到优盘,而系统却提示优盘使用正常。经过一番折腾,终于解决了问题,现在把它写出来,希望能给经常使用优盘的朋友一些帮助。1. 鼠标右键单击“我的电脑”图标,在快捷菜单菜单中选择“管理...

收藏夹误删了怎么找回?
收藏夹误删了找回方法:1、尝试用恢复工具软件对文件进行恢复。1、点击收藏夹里的立即导入把上面的网址导入到收藏夹被删除的浏览中。2、找到存储收藏夹网址的文件夹,用hetml导入 3、登陆该浏览器的账号,有收藏夹在地址栏中显示收藏夹,会同步收藏夹数据。3、重新的登陆一个账号——地址栏中用鼠标右键...

夏县17162107565: HTML如何实现当鼠标移动到单元格有链接的地方自动改变单元格背景颜色或者背景图案? -
李狭盐酸: 为单元格添加mouseover事件$('单元格').bind('mouseover', function () { $(this).css('background-color', '#000'):}); 大概就是这样

夏县17162107565: 怎么写一个HTML里table单元格的鼠标单击事件 -
李狭盐酸: ] 111222333111 222 333

夏县17162107565: 用html写一个表格,每个格都有各自的背景色,怎样用css使鼠标经过某一行时这一行的背景色全变成一样的 -
李狭盐酸: 给每个格子设置背景色,然后给每行的hover设置背景色,注意优先级和样式覆盖

夏县17162107565: 鼠标经过文字显示说明 -
李狭盐酸: <a title="要显示的文字">link</a><span title="要显示的文字">span</span><div title="要显示的文字">div</div>.......好多的标签都支持的 如果是图片还可以用<img alt="要显示的文字" src="你的图片">

夏县17162107565: html的表格中,我想让鼠标经过的时候,表格的背景色更换! -
李狭盐酸: 我下面的代码,相信你能看明白的:<table border=1><tr><td onmouseover="this.style.backgroundColor='red';" onmouseout="this.style.backgroundColor='blue';"> 啦啦啦</td></tr></table> 你也可以加在<TR>里面,实现一次改变一行的颜色

夏县17162107565: 鼠标经过 单元格背景图片改变 单元格里面的文字不变 的代码?
李狭盐酸: 例: <table width="200" border="1"> <tr> <td>啊啊啊</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </table> 这是一个一行3列的表格 CSS这样写 td:hover{ background-image:url(.....);} 这样做全部单元格都会变化,要指定单元格变化的话,给单元格加标签再写CSS

夏县17162107565: 在Wod的编辑状态,当前文档中有一个表格,当鼠标在表格的某一个单元格内边成箭头装,单击鼠标后( )
李狭盐酸: c

夏县17162107565: javascript 怎么鼠标停留在表格的某个单元格上,获得该单元格的值 -
李狭盐酸: 跟随鼠标移动<script type="text/javascript" src="inc/jquery.v1.3.js"></script> 我链接了自己的jQuery文件,你换成自己的就可以用了:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...

夏县17162107565: 如何让鼠标移到表格的单元格区域时就变成手形
李狭盐酸: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;标题页&lt;/title&gt; &lt;style type="text/css"&gt; body { font-family: '宋体'; font-size: 12px; } tr{ cursor:hand; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;table width="...

夏县17162107565: css问题,如何让鼠标经过的效果成我想要的样子
李狭盐酸: <style type="text/css"> tr{v:expression(onmouseover=function(){this.style.backgroundColor="#CFF000";onmouseout=function(){this.style.backgroundColor="#FFF"}})} </style> <table width="200" border="1"> <tr > <td> </td> <td> </td> ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网