0

表にカーソルを合わせると、表のテキストの色を変更する必要があります。このために私は使用します：

$('.afishaitem_active').hover(
    function(){
        $(this).css({'border':'solid 1px #ED5353','background-color':'#FFF','color':'#ED5353'});
        $('.afishaitem_up_left_active').css('color','#000'); 
    },
    function(){
        $(this).css({'border':'none','background-color':'#ED5353','color':'#FFF'});
        $('.afishaitem_up_left_active').css('color','#000');
    }
);

およびテーブル：

<table id="afishaitem_active" class="afishaitem_active" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td>
            <table cellpadding="0" cellspacing="0" border="0" id="afishaitem_up">
                <tr valign="top">
                    <td class="afishaitem_up_left_active">'.$d.'</td>
                    <td class="afishaitem_up_right_active">data</td>
                </tr>
            </table>
        </td>
    </tr>
    <tr valign="top" style="line-height:11px">
        <td class="afishaitem_seet_active">seet</td>
    </tr>
    <tr valign="top">
        <td class="afishaitem_name_active">name</td>
    </tr>
</table>

テーブルにカーソルを合わせると、境界線のスタイルと背景色が変わりますが、テキストの色は変わりません。

テキストの色が変わらないのはなぜですか？

4

3 に答える 3

0

マウスオーバーとマウスアウト'color','#000'の両方を設定し、マウスオーバー（最初の機能）をホバー時に変更したい色に変更します。

于 2012-09-01T01:30:15.517 に答える
0

あなたのmouseover関数にはあなたが持っています

$('.afishaitem_up_left_active').css('color','#000');

そしてあなたのmouseout機能には同じものがあります

$('.afishaitem_up_left_active').css('color','#000');

#000それらが同じである場合、色の変更はありません。任意の色に変更してください。

$('.afishaitem_active').hover(
        function(){
            $(this).css({'border':'solid 1px #ED5353','background-color':'#FFF','color':'#ED5353'});
            $('.afishaitem_up_left_active').css('color','#ED5353'); //changed color
        },
        function(){
            $(this).css({'border':'none','background-color':'#ED5353','color':'#FFF'});
            $('.afishaitem_up_left_active').css('color','#FFF'); //changed color
        }
    );​

それを試してみてください

于 2012-09-01T01:32:31.760 に答える
0

このクラス afishaitem_up_left_active をテーブルから削除します..問題を解決する必要があります..

<td class="afishaitem_up_left_active">'.$d.'</td>
于 2012-09-10T20:24:38.940 に答える