0

このサイトがニュースレター + ボタンを作成する方法を理解しようとすると、ページが下にスライドします。

http://thestoryoftelling.com/ (「newsletter+」をクリック)

#wrap 要素には 57 ピクセルのページ オフセットがあり、その背景 URL は、「スライド」した後、事実上サインアップ リンクの背景になります。「newsletter+」をクリックすると、「_gaq」関数が呼び出されますが、それはもっと追跡。

スーパーフィッシュを介してアクティブ化されていると思いますが、これがどのように、またはどこから呼び出されるのかわかりません:

jQuery(document).ready(function($) { 
    $('#header .menu, .superfish').superfish({
        delay:       100,                               // 0.1 second delay on mouseout 
        animation:   {opacity:'show',height:'show'},    // fade-in and slide-down animation 
        dropShadows: false                              // disable drop shadows 
    });
});

そこに何かアイデアはありますか？おそらくjqueryのものです。

4

1 に答える 1

1

個人的には、色付きのバーをページの最初の要素にしてmargin-top、下端だけが表示されるようにネガを付けて、そのようなことをしたいと思います。次に、設定できます。style.marginTop='0'適切なプロパティが設定されていれば、表示さtransitionれている Web サイトとまったく同じようにスライドします。

JSFiddle でのデモンストレーション

于 2013-03-23T12:50:49.227 に答える