Question

我正在寻找的脚本是一个“全屏”叠加层（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>

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

Answer 1

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

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

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

然后你创建了一个toggle函数，它只是查看#overlay div是否有一个'closed'类。如果它具有“关闭”类，则按钮的onclick将打开叠加层，如果没有，则将关闭它。

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

将覆盖层滑动到侧面-100％

1 个答案: