javascript - 使用javascript以 "dropdown"风格缓慢地显示隐藏的div

标签 javascript html css drop-down-menu

我有一个小块,其中包含如下内容:登录 |注册

当用户单击登录时,该 block 会向下方延伸并显示一个供用户登录的表单。再次单击登录将再次隐藏表单。

当用户单击注册(但形式不同)时,情况也是如此。如果在另一个表单可见时单击登录或注册,则新选择的表单应可见,而另一个表单应消失。

我想做的不仅仅是让表格凭空出现。我试图让它以非常小的延迟“下拉”。同样,当重新切换表单时,它应该“汇总”。

如果这很容易做到,有人可以提供一些代码吗?如果涉及更多一点,也许可以帮助我自己弄清楚的解释或链接会非常有帮助。

最佳答案

使用诸如JQuery之类的框架为您简化此操作。它简化并规范了 JavaScript 的所有不好的部分,因此 JS 编码可以再次变得有趣。除非您是专家并且了解“JavaScript”和“JScript”之间的所有设计缺陷和不一致,否则框架就是最佳选择。 JQuery 只是少数之一。如果你不喜欢JQuery的语法,可以研究Mootools , Dojo ,或YUI :

$('#login').click(function(){
    $('#loginForm').slideToggle('fast');
});

http://api.jquery.com/slideToggle/

演示:http://jsfiddle.net/vNeXq/

关于javascript - 使用javascript以 "dropdown"风格缓慢地显示隐藏的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8106830/

相关文章:

jQuery:将 dom 元素放置在视口(viewport)中心的最佳方式

html - HTML 编辑器中的换行符在网站中留出空间

javascript - 创建文本元素并赋予类后缓入文本

wordpress - 为什么位置:fixed not working on Chrome?

javascript - 如果 JavaScript 构造函数失败,它应该返回什么?

javascript - 使用 Ajax 动态添加局部 View

javascript - JavaScript 中 "typeof str"和 "typeof(str)"有什么区别?

html - 删除 li 和 li :hover background images 上的多余空间

css - 根据变量值将 LESS 编译成多个 CSS 文件

javascript - 查找元素的位置