0

質問が十分に明確であることを願っています。この要素にカーソルを合わせたときにカーソルがどこから来たかに基づいて、要素に「何か」をしたいと思います。たとえば、カーソルが左から来る場合は要素を右にスライドさせ、カーソルが右から来る場合は左に、下から来る場合は上に、上から来る場合は下にスライドさせます。自分でやってみましたが、うまくいかなかったので、自分で何か見せてくれるとは思わないでください、ごめんなさい。しかし、私はあなたのための例を持っています：http: //pixelentity.com/

だから、jQueryやCSS3を使ってそれを行う方法を教えてください

4

2 に答える 2

1

ブロックへの入り口の瞬間にマウスの移動方向を取得できます。例http://jsfiddle.net/PNsd5/2/を見てください

マウスの方向を取得する関数は、jsfiddleで表されるコードの先頭にある変数に依存し、次のようになります。

function getMoveDir(){
    var direction = '';
    if ((disX <= 0) && (disY <= 0)){
        if (disX < disY) {
            direction = 'From right';
        } else {
            direction = 'From top';
        }
    }
    if ((disX >= 0) && (disY >= 0)) {
        if (disY > disX) {
            direction = 'from bottom';
        } else {
            direction = 'from left'
        }
    }
    return direction;
}
于 2013-03-20T22:55:27.340 に答える
0

jqueryのmouseenterイベントを使用します。

現在表示されているコードは、mouseenterの位置に基づいてさまざまなアニメーションを実行し、オフセットを計算します。したがって、mouseenterの位置を計算してから、カーソルがどこから来たかを判断できます。

次に、とにかく画像をアニメーション化することを決定できます。

ここでのヘルパー関数は、mouseenter、offset、animateである必要があります。さらにサポートが必要な場合はお知らせください。

于 2013-03-20T22:10:53.033 に答える