0

この効果がどのように作成されるかを調べています。

http://www.thesartorialist.com/category/men/

(そのサイトで画像にカーソルを合わせると、リンク/陽イオンが写真を「入力」した側からスライドします)。

私が知りたかったのは、背景とリンクバーがどのようにフェードインするか、そして画像のどちら側に入力したかをどのように認識するかということでした。

黒のグラデーション画像オーバーレイを表示する誇張表現用のCSSがあることがわかりますが、それほど多くはありません。

よろしくお願いします。

アレックス

4

1 に答える 1

1

バーがスライドインおよびスライドアウトする場合は、使用を検討してください -- http://docs.jquery.com/UI/Effects/Slide

そして、それが入る側を得るために、いくつかの生のことをすることができます. つまり、すべての画像にカーソルを合わせると、event オブジェクトから event.pageX としてマウスの位置を取得できます。次に、画像の幅があるため、その時点で画像のどちら側にあるかをいつでも確認できます。および画像の offsetLeft。

マウス エントリ ポイントを取得したら、jquery を使用してバーの css を設定してバーをその側に移動し、必要な方向からスライドさせます。

幸運を祈ります。

于 2012-05-20T22:54:34.907 に答える