Question

所以我在我的网站上有这个代码：

<script type="text/javascript">
    $(document).ready(function(){
        $(".service_body").hide();
        //toggle the componenet with class menu_body
        $(".service_head").click(function(){
            $(this).next(".service_body").slideToggle(600); 
            var plusmin;
            plusmin = $(this).children(".plusminus").text();

            if( plusmin == ' ▾ ')
                $(this).children(".plusminus").text(' - ');
            else
                $(this).children(".plusminus").text(' ▾ ');
        });
    });
</script>

我只是想要它，所以当有人用鼠标指针悬停在▾（.plusminus）上时，它会改变颜色以显示其链接以扩展信息。我现在已经乱了一个小时左右，不知道该怎么办？任何帮助都会非常感激

Answer 1

最好使用CSS解决它：

.plusminus {color: blue;}
.plusminus:hover {color: red;}

有关扩展内容的查询，您可以使用jQuery Tipsy来显示一些好的提示。

Answer 2

你也可以使用jQuery来实现这个目标。

   $(".plusminus").hover(
     function() {
        $(this).addClass("greenClass");
     },
     function(){
        $(this).removeClass("greenClass");
     }
    );

Answer 3

我会为此推荐CSS，就像那样：

.plusminus:hover{
    color:orange;
}

但您也可以使用Javascript，例如，如果您希望仅在项目具有特定字符时更改颜色：

$('.plusminus').mouseenter(function(){
    if($(this).text() == '  ▾  ') //Remove this line if you want to change the color for both characters.
        $(this).css({color: 'orange'});
}).mouseleave(function(){
    $(this).removeAttr('style');
});

悬停时改变颜色？使用Javascript

3 个答案: