0
4

4 に答える 4

10

次の行を CSS ファイルに追加し、jQuery は忘れてください。

tr:hover a { color: white; }

jQuery コードを動作させたい場合は、ホバーした行内のアンカーのみをターゲットにする必要があります。

$('tr').hover(function(){
   $('a', this).css('color','white');
 });
于 2012-07-05T19:47:39.207 に答える
3

いくつかの方法があります。.hover メソッドには 2 つの機能 (マウスを上に移動、マウスを外に移動) を含めることができ、両方を実装して色を変更することができます。

1 - JavaScript (jquery) による

$(document).ready(function(){
  $('tr').hover(
    function(){
      var $this = $(this);
      $this.css('background-color', '#fff');
    },
    function(){
      var $this = $(this);
      // original color -> $this.css('background-color', $this.data('bgcolor'));
      $this.css('background-color', '#000');
    }
  );    
});

.data('bgcolor')スタイル属性またはタグに設定された元のcssによって設定された色を取得するために使用できます。

2) または単に css を追加する

.row {
   background-color: #000;
}

.row : hover {
   background-color: #fff;
}

そしてそれを行に設定します

<tr class='row'>
...
</tr>
于 2012-07-05T19:44:31.843 に答える
0

それがあなたの場合に関連するかどうかはわかりません.1つのメインカラーと2番目の白でウェブサイトを作成しています. 色を更新するたびにランダム化されるため、色をこの色に変更するにはホバー要素が必要でした。だから私は次のようになりました：

#menu-buttons>li{ color:#fff; }
#menu-buttons>li:hover { color: inherit; }

次に、ランダム化された色を親要素に割り当てます。

$('#menu-buttons').css('color',mainColor);
于 2013-10-03T00:26:21.530 に答える
0

同様の問題に直面していました。このソリューションが効果的であることがわかりました。

     div.cntrblk tr:hover td a {
       color:rgb(0,0,255);
     }
于 2015-04-01T23:37:25.567 に答える