1

重複の可能性:
jQuery は、ホバー時に境界線の色をアニメーション化しますか?

わかりました、私は現在このコードを持っています。

$(document).ready(function(){
   $('.animation').mouseover(function(){
        $(this).animate({ borderTopColor: "#000" }, 'fast');
   });
});

しかし、達成しようとしているのは、左から右にフェードインおよびフェードアウトする下の境界線の色をアニメーション化することです。たとえば、ユーザーがこの .animation にカーソルを合わせるたびに、この色 #fff から #000 のように、その要素の下部境界線の色が左から右にフェード インまたはフェード アウトする必要があります。

ここの誰かがこれを作る方法を考え出してくれることを願っています. ありがとうございました。

私はどんな提案、推奨事項、提案にもオープンです。

これはjqueryまたはcss3で実行できます

4

2 に答える 2

0

これには単純なcssを使用できます。

これを試して

​<div id="div1">

​</div>​​​​​​​​​​​​​​​​​​

CSS

div
{
    width:100px;
    height:100px;
    background-color: orange;
}

#div1
{
    border-left: 2px solid red;
}

#div1:hover
{
    border-left: 0;
    border-right: 2px solid red;
}

フィドルを確認してください

于 2012-10-12T21:39:18.550 に答える
0

私が見る限り、あなたはそれを偽造する必要があります - 要素の下部に新しい div を追加し、境界線の高さと同じ高さを与えて、ここ(デモページ) を見てくださいそれを行うためのサンプルコード。

デモページの例 B は、(本質的に) まさにあなたが望むものです。背景画像を単色ではなくグラデーションに変更すると、左から右への色の変化効果が得られます。

于 2012-10-12T21:43:05.483 に答える