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

从您的表中删除此类 afishaitem_up_left_active .. 它应该可以解决您的问题..

<td class="afishaitem_up_left_active">'.$d.'</td>
于 2012-09-10T20:24:38.940 回答
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 回答