jqueryフェーディングボーダーが動作しない - javascript、jquery

私はちょうどそれの上にラインが突然現れるのではなく、それが消えるべきである、

$(document).ready(function(){
$("#footer a").mouseover(function(){
$(this).animate({
border-bottom: "border-bottom: 1px solid #D8D8D8"
}, 1000, function() {
// Animation complete.
});
});
});

私は何をしなければならないのですか？

ありがとう。

回答：

ここではいくつかの変更が必要です。まず、色だけをアニメーション化する必要があります。

$(function(){
$("#footer a").mouseover(function(){
$(this).animate({
borderBottomColor: "#D8D8D8"
}, 1000, function() {
});
});
});​

また、次のように、境界線に初期サイズを指定して、 "0"から "1px"に変更するときは表示されません。

​​#footer a { border-bottom: solid 1px transparent; }​

ここでデモを見ることができますこの仕事をするためには、 カラープラグイン または jQuery UI 色はアニメートすることができます。コアは色を扱いませんし、何も番号ではありません。

ここではより完全なデモを、おそらくあなたが最終的に：

$(function(){
$("#footer a").hover(function(){
$(this).animate({ borderBottomColor: "#D8D8D8" });
}, function() {
$(this).animate({ borderBottomColor: "transparent" });
});
});
​