Question

My Code（全窗启动）。

我的JS代码：

$(document).ready(function () {
    $("#play_buttton").hover(
        function () {
            $('#play_button').css({ "height": "240px", "width": "250px" });
        },
        function () {
            $('#play_button').css({ "height": "225px", "width": "220px" });
        }
    );
});

我认为此代码必须创建问题。

问题：当我将鼠标悬停在图像上时（#play_button），没有任何反应，它的高度和宽度也不会改变。任何人都可以告诉我如何解决这个问题。

感谢。

Answer 1

play_button不是play_buttton

$(document).ready(function () {
    $("#play_button").hover(   // Here not play_buttton
        function () {
            $(this).css({ "height": "240px", "width": "250px" });
        },
        function () {
            $(this).css({ "height": "225px", "width": "220px" });
        }
    );
});

请参阅此示例FIDDLE。

您也可以在此FIDDLE2

中.animate

Answer 2

错误拼写$（“＃play_butt * t * on”）。悬停

JQuery .css（）或.hover（）中的任何一个都无效

2 个答案: