0

私が探しているスクリプトは、「フルスクリーン」オーバーレイ (div) で、ページロードが左に直接スライドします:-100% で、下部の div / ページが表示されます。

しばらく検索してテストしてきましたが、適切で簡単なスクリプトが見つからないようです。

スクリプトは次のようになると思います。

<script type="text/javascript">
    $(function() {
        $('#activator').click(function(){
            $('#overlay').fadeIn('fast',function(){
                $('#box').animate({'left':'0'},500);
            });
        });
        $('#boxclose').click(function(){
            $('#box').animate({'left':'100%'},500,function(){
                $('#overlay').fadeOut('fast');
            });
        });

    });
</script>

これに使用できるパネルまたはスライド スクリプトを知っている人はいますか?

4

1 に答える 1

0

あなたの質問が正しく理解できたなら、これが私の解決策です -

http://jsfiddle.net/davemcmillan/zJryc/

基本的に、javascript では、最初にコンテナーの幅と高さの変数を設定します。次に、コンテナの幅と高さを持つようにオーバーレイを設定します。

次に、 #overlay div に「closed」のクラスがあるかどうかを確認するトグル関数を作成します。「closed」のクラスがある場合、ボタンの onclick はオーバーレイを開き、そうでない場合は閉じます。

パネルをオンロードで開きたい場合は、Fiddle リンクで私が言った場所のコメントを外してください。

于 2012-09-27T10:55:29.180 に答える