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 に答える