WorkToolSmith

jQueryのanimate()でborderColorが変化しない

太田アベル

・ 更新 ・ 1分で読めます

jQueryのanimate()関数でboderColorを指定しても変化しません。

この場合、4ヶ所のborderそれぞれにcolorを割り当てないといけません。

動かない↓

jQuery(this).animate({

        borderColor: "#F00"

      }, "slow", "swing");

こちらで動く↓

jQuery(this).stop().animate({

  borderTopColor: "#F00",

  borderRightColor: "#F00",

  borderBottomColor: "#F00",

  borderLeftColor: "#F00"

}, "slow", "swing");

ちょっとめんどうですね。

 

参考にしたページ
jQuery animate border color on hover?

太田アベル

太田アベル

パソコンを7歳からいじり始めて40年。とにかくパソコンが好きです。気になった商品をほぼ自腹で買いまくってレビュー中!良かった点、悪かった点をズバズバ書きます。

こちらもおすすめ