overlay - 将覆盖滑动到侧面 -100%

Question

我正在寻找的脚本是一个“全屏”覆盖（div），它直接 onpageload 向左滑动：-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>

有没有人知道我可以使用的一些面板或幻灯片脚本？

Answer 1

如果我正确理解了您的要求，这是我的解决方案-

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

基本上，在 javascript 中，您首先为容器的宽度和高度设置变量。然后，您将叠加层设置为具有容器的宽度和高度。

然后创建切换函数，它只是查看#overlay div 是否具有“关闭”类。如果它具有“关闭”类，则按钮的 onclick 将打开覆盖层，如果没有，它将关闭它。

如果您希望面板打开 onload，您可以取消注释我在 Fiddle 链接中所说的位置。