任何人都可以帮助我找到 Dojo 滑动面板的链接吗?我一直在寻找它,但仍然没有得到它。我有 jQuery 的滑动面板,我从这个链接得到它:http ://web-kreation.com/all/implement-a-nice-clean-jquery-sliding-panel-in-wordpress-27/
问问题
3435 次
1 回答
6
您可以使用 dojo.fx.wipeIn 功能。 http://dojotoolkit.org/reference-guide/1.7/dojo/fx/wipeIn.html
因此,如果您创建两个 div,一个在另一个之上,让顶部的一个显示:无,另一个作为您单击以向下滑动面板的位。然后使用 dojo.connect 将底部面板的单击链接到顶部面板的擦除。
例如
// Have your main body content
var mainBody;
// Create top panel
var myPanel = document.createElement("div");
// Set visibility to none
dojo.style(myPanel, "display", "none");
// Create tab to expand your panel (or slide it down)
var expand = document.createElement("div");
expand.innerHTML = "click here to slide down";
mainBody.appendChild(myPanel);
mainBody.appendChild(expand);
var self = this;
dojo.connect(expand, "onclick", this, slidePanel);
然后你会让你的 slidePanel 函数做一些类似的事情:
// Get reference to your panel
var myPanel;
var wipeArgs = {
node: myPanel
};
// Then just wipe the panel in or out respectively
if (myPanel.style.display == "none") {
dojo.fx.wipeIn(wipeArgs).play();
} else {
dojo.fx.wipeOut(wipeArgs).play();
}
于 2012-06-01T11:17:46.573 回答