Javascript 要从菜单和页脚之间的右侧滑入的内容

我这里还有一个问题。我在建这个。 菜单和页脚现在已经完成了，我已经开始添加空间来放置我的内容。 我希望内容从菜单和页脚之间的右侧滑入，请参见下文。 如果我按contact，联系人页面会从右侧滑入，等等

我不知道在哪里上传我的源文件。但是如果你需要它们，你也可以说我应该把它们上传到哪里。我不想把它们上传到我的网站上，因为你可能会认为这是病毒或别的什么

*********************************
*           menu                *
*********************************
*                           <---*
*      content sliding      <---*
*      in from right        <---*
*      when press link      <---*
*      on menu              <---*
*                           <---*
*                           <---*
*                           <---*
*********************************
*           footer              *
*********************************

非常感谢您的时间和帮助，我将非常感激

---

Marcus

在代码中添加以下内容：

HTML

JS

编辑 我有点忘了提。。 首先，这需要javascript和jQuery。 其次，我给了你的联系人按钮李一个联系人id。 最后，这决不是一个完美的解决方案，但它应该给你一些思考的东西，并希望朝着正确的方向推动

这里的代码创建了一个容器作为侧栏。

---

它创建类来处理隐藏、取消隐藏和转换以创建滑动效果。js用于计算侧边栏的高度、添加和删除类，以及设置事件处理程序。单击联系人按钮now id=Contact。

下载sourceThank you Ricky。还有一个问题，关于按钮链接，我应该这样写吗？不，没有必要。您可以保持原样，只需将id添加到其中，即可快速识别。正确。对不起，我忘了在我的描述中说得更清楚一点。谢谢你，瑞奇，真糟糕！不客气。如果你有任何其他问题，请随时给我发电子邮件。我通过看我能教多少来学习。这是一个双赢的lol

<!-- This is your sidebar -->
<aside id="cont_bar" class="hide"></aside>

/*This styles the sidebar, and adds classes to control display*/
#cont_bar {
    width: 16.6%;
    background-color: #fff;
    opacity: .60;
    margin-top: 36px;
    float: right;
    position: relative;
    transition: right .8s;
    -moz-transition: right .8s;
    -webkit-transition: right .8s;
}

.hide {
    right: -100%;
}

.unhide {
    right: 0;
}

/*Need this for event handling, works with jquery 1.6.4(included in your files) */
window.onload = function() {

    var winHeight = $(window).height(); //window height
    var footHeight = $('#footerwrapper').height(); //footer height
    $('#cont_bar').css( 'height', winHeight - 3.5*(footHeight) ); //sets sidebar height

    var getit = $('#contact');
    $(getit).bind( "click", function() {

        $('#cont_bar').toggleClass( "hide unhide" );

    });

}