Javascript 如何在HTML中突出显示鼠标指针处的当前渲染线？（不是表/行）_Javascript_Jquery_Html

Javascript 如何在HTML中突出显示鼠标指针处的当前渲染线？（不是表/行）

javascript jquery html

Javascript 如何在HTML中突出显示鼠标指针处的当前渲染线？（不是表/行）,javascript,jquery,html,Javascript,Jquery,Html,我想在鼠标移动时突出显示当前行，是否可能它不是表格行，只是段落中的纯文本我正在为googlechrome编写一个阅读助手插件，帮助浏览大量文本如果要突出显示表行，请应用此 <STYLE> <!-- tr { background-color: #DDDDDD} .initial { background-color: #DDDDDD; color:#000000 } .normal { background-color: #CCCCCC } .highli

我想在鼠标移动时突出显示当前行，是否可能

它不是表格行，只是段落中的纯文本

我正在为

googlechrome

编写一个阅读助手插件，帮助浏览大量文本

如果要突出显示表行，请应用此

<STYLE>
<!--
  tr { background-color: #DDDDDD}
  .initial { background-color: #DDDDDD; color:#000000 }
  .normal { background-color: #CCCCCC }
  .highlight { background-color: #8888FF }
//-->
</style>

<table border="0" cellspacing="0" bgcolor="#CCCCCC" cellpadding="0">
<tr>
  <td bgcolor="#FFCC00" WIDTH="100"><b>Brand</b></td>
  <td bgcolor="#FFCC00" WIDTH="100"><b>Dimensions</b></td>
  <td bgcolor="#FFCC00" WIDTH="100"><b>Price</b></td>
</tr>
<tr style="background-color:#CCCCCC;" 
  onMouseOver="this.className='highlight'" onMouseOut="this.className='normal'">
  <td>Row A</td>
  <td>200x300</td>
  <td>$200,000.00</td>
</tr>
</table>


烙印
尺寸
价格
A排
200x300
$200,000.00

如果每一行都包含了的in HTML元素，则可以附加自己的事件处理程序

<html>
    <script type="text/javascript" src="./jquery-1.4.2.min.js"> </script>
    <script type="text/javascript" >
        $(document).ready(function() {
                $(".lineclass").hover(function() {
                    $(this).css("backgroundColor","red");
                    },
                    function() {
                    $(this).css("backgroundColor","");
                });
        });
    </script>
    <body>
        <p class="lineclass">This is line 1</p><br />
        <p class="lineclass">This is line 2</p><br />
        <p class="lineclass">This is line 3</p><br />
    </body>
</html>


$（文档）.ready（函数（）{
$（“.lineclass”）.hover（函数（）{
$（this.css（“backgroundColor”，“red”）；
},
函数（）{
$（this.css（“backgroundColor”，”）；
});
});
这是第1行
这是第2行
这是第3行

取决于您对“线”的定义。如果它是一个表行或您可以引用的内容，您可以简单地执行以下操作

<table>
 <tbody>
   <tr>
     <td> Item 1</td><td> Item 2</td>
   </tr>
   <tr>
     <td> Item 1</td><td> Item 2</td>
   </tr>
  </tbody>
</table>

当每一行都位于表行或div中时，使用CSS中的hover属性很容易。如果需要使用jquery。您甚至可以在jquery或javascript以及cssI中定义规则，因为cssI不知道是否有任何称为“line”的语义块可以处理。您可以使用Javascript突出显示句子，但不能突出显示行。啊！为什么不直接使用

：hover

伪类而不是onMouseOver呢？简单的回答很好，op应该能够理解。如果它是用css而不是javascript完成的。我会给这个答案一个肯定的答案。：-）

table tr:hover td {
      background-color: #dddddd;
}