0

私は彼らのイメージを持つ人物のリストを持っています。各アイテムにカーソルを合わせると、各人の説明が表示されます。
他のdivの説明と、画像にカーソルを合わせた場合にのみ表示されます。

ポイントはdivs、特定のコーナーから説明を表示したいということです。
jQuery 関数を使用しようとしましshow/hideたが、コーナーから表示する方向属性がありません。
ここでは、どのように表示されるかを示します。

画像

$(".persons li.one").mouseenter(function() {
  $(this).find('div').show("slide", {
    direction: "left"
  })
});

$(".persons li.one").mouseleave(function() {
  $(this).find('div').hide("slide", {
    direction: "left"
  })
})
4

1 に答える 1

0

アニメーションが開始または終了するコーナーを制御するには、'div' を 'absolute' に配置し、'left' または 'right'、'top' および 'bottom' 属性を使用して、どちらがアニメーションとして一定のままになるかを設定します。サイズ変更。

例 (css):

.persons li.one {position: absolute; bottom: 0px; right: 0px;}

div の右下隅でアニメーションを開始または終了します。

と

.persons li.one {position: absolute; top: 0px; right: 0px;}

これにより、div の右上隅などでアニメーションが開始または終了します。

お役に立てれば。

于 2013-11-24T23:43:52.330 に答える