Question

我正在寻找一个简单的javascript来创建侧面板，在一些动作后隐藏（例如，点击一些区域后）。像this example之类的东西，但是从左侧出现而不是从上到下出现，因为示例有效。将不胜感激任何帮助:)

Answer 1

您有2个选项。您可以使用JQuery或scriptaculous来执行此操作。互联网上有很多例子和教程，你可以简单地使用java脚本。首先下载émile这是一个非常简单的javascript动画框架。

由于您没有提供任何HTML标记，我假设您有类似的内容。

<div id="side-panel">panel content..</div>
<div id="content">main content..</div>

让我们说你的side-panel元素的CSS样式为width:200px。好的，现在在某处放置一个按钮并为其指定一个点击事件。例如onclick="togglePanel()"

以下是togglePanel函数的内容：

function togglePanel(){
    var panel = document.getElementById('side-panel');
    if(!panel.__closed){
        emile(panel, 'width:0px');
        panel.__closed = true;
    }else{
        emile(panel, 'width:200px');
        panel.__closed = false;
    }
}

如果你查看emile框架的文档，你可以做很多其他很酷的事情。

Answer 2

因为你还没有提供你的代码（你已经构建了），这就是为什么我只是给你一个代码来帮助你（而且我不知道这是一个正确的答案）。至少我认为这个代码需要jQuery Ver.1.4，但我不清楚。无论如何让我们开始吧。这是指向live demo的链接。

希望这有帮助！

html中可最小化的侧面板

2 个答案: