2

フィドルは次のとおりです。

http://jsfiddle.net/KpEMc/1718/

これですべてが完璧です。JQuery 1.4.4 バージョンです。しかし、JQuery のバージョンを最新のものに更新すると、動作しません。なんで?

更新されたバージョンは、ここにあります。

JSコードは次のとおりです。

$(document).ready(function(){
    $("#sample").mouseover(function() {
         $(this).animate({ backgroundColor:'#f00'},300);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#ccc'},300);
    });       
});
4

2 に答える 2

1

jQueryUIを選択していません。ティックするだけjQuery UI 1.9.2です。

どうぞ:jsFiddleの動作

また、試してみてください

on("mouseover", function() {} );
于 2013-03-03T19:34:35.637 に答える
-2

私の提案は、それほど些細なことに jQuery を使用しないことです。

CSSのみ!

#sample {
    background-color:#ccc;
    transition:background-color 0.3s ease;
    -webkit-transition:background-color 0.3s ease;
}
#sample:hover {
    background-color:#f00;
}

更新されたフィドル

于 2013-03-03T19:31:27.097 に答える