2

タイトルにあるように、Windows のように div を非表示にできる jQuery プラグイン効果はありますか? そのため、div は移動、縮小し、画面上の特定のポイントまで透明になります。ここに例があります: http://fstoke.me/jquery/window/これは私が探しているもののほとんどです。

4

1 に答える 1

6

jQueryの.animate()メソッドを使用できます。効果を変更するために必要なのは、次のとおりです。

  • ウィンドウの幅
  • 窓の高さ
  • トップポジション
  • 左の位置

このような:

$('#element').animate({
    top: $(window).height(), // to force the window to minimize at the bottom corner
    left: 0,
    width: '20px',
    height: 0
});

これは、作成したばかりの jQueryUI ダイアログを使用した jsFiddle の例です。そして、これはjQueryUIなしです。

編集:たとえば、必要に応じて透明度を追加することもできますopacity: 0.3

于 2012-06-06T05:33:57.210 に答える