3

我想在鼠标悬停和鼠标移出时更改文本颜色。由于在 div 元素的数量内，它不起作用。如有任何问题，请提供帮助。

<div class="u860" id="u860" style="top: 0px;">
    <div id="u860_rtf">
        <p style="text-align: left;" id="cache228">
        <a class="music" href="AppLauncher_TradeSearch">
            <span class="test1" style="font-family: Calibri; font-size: 11px; 
                font-weight: bold; font-style: normal; text-decoration: none; 
                color: rgb(37, 80, 99);" id="cache229">Different</span>
        </a>
        </p>
    </div>
</div>

“不同”的颜色应该不断变化。

4

4 回答 4

7

在这些情况下，最好的解决方案是使用 CSS，

.test1:hover{
    color:red !important;
}

演示在这里

不太好的是添加一个类，例如：

$('.test1').hover(function () {
    $(this).addClass('newColor');
},
function () {
    $(this).removeClass('newColor');
});

演示在这里

最后一个选项：

$('.test1').hover(function () {
    $(this).css('color', 'red');
},
function () {
    $(this).css('color', 'rgb(37, 80, 99)');
});

演示在这里

于 2013-10-11T07:19:31.973 回答
3

试试这个CSS：

.u860:hover a, .u860:hover span {
    color:red !important;
}

您在跨度中使用样式，因此您必须使用！important。

演示

于 2013-10-11T07:20:14.400 回答
1

尝试这个：

  $(".u860").mouseover(function(){
    $(".u860").css("background-color","cyan");
  });$(".u860").mouseout(function(){
    $(".u860").css("background-color","gray");
  });

http://jsfiddle.net/emdhie/WV5v6/

于 2013-10-11T07:22:44.920 回答
0

嗨 Hmnshu 我没有看到悬停 css 的代码。试试这个。

 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <style>
   span{
        font-family: Calibri; 
        font-size: 11px; 
        font-weight: bold; 
        font-style: normal; 
        text-decoration: none; 
        color: rgb(37, 80, 99);
       }
  span:hover{
       color: rgb(0, 0, 0);
       }
 </style>
 </head>
 <body>
 <div class="u860" id="u860" style="top: 0px;">
  <div id="u860_rtf">
   <p style="text-align: left;" id="cache228">
    <a class="music" href="AppLauncher_TradeSearch">
      <span class="test1"  id="cache229">Different</span>
    </a>
   </p>
 </div>
</div>
</body>
</html>
于 2013-10-11T07:27:13.723 回答