HTML＆JQuery：另一页顶部的Silde页面

我想要一页在另一页顶部滑动。当页面滑动时，背景中的另一页将消失。像在this网站上。当您点击麦肯锡概览按钮时，该可见的HTML条会添加到幻灯片页面，并且在后台页面被禁用。此外，它看起来像幻灯片预载的页面。HTML＆JQuery：另一页顶部的Silde页面

我尝试了几个页面滑块的jQuery插件，但不是在上面提到的链接相同。不要在后台禁用页面。当它们隐藏时，它们隐藏整个页面。但我想要一些可见的部分可用于用户。请引导我。

您不需要插件。学习jQuery'.animate（）'并在动画完成时加载你的内容。 – ntgCleaner 2013-04-28 05:53:25

“homeSlider”类是available for review on the site（搜索MC.homeSlider）它为动画不透明度和边距右移。

imho它更容易在“#slider”和“＃slider.open”之间切换，并为动画使用css转换。

代码来完成这个看起来像这样：

// jQuery的

$("#sliderBtn").click(function(){ 
    $("#slider").toggleClass("open"); 
});

// CSS

#slider {position:absolute;opacity:0;margin-left:300px;transition: opacity 2s, margin-left 1s;} 
#slider.open {opacity:1;margin-left:100px}

当然倒台是，旧的浏览器没有能看到动画。尽管适当地显示开启和关闭状态，但它适当地降解。

2013-04-28 06:50:12 Shanimal

谢谢你的快速反应，我会尽力标记答案:)谢谢你一吨 – 2013-04-28 09:47:16

回答