JavaScript 菜单

发布于 2024-08-02 06:12:09 字数 143 浏览 6 评论 0 原文

我正在开发一个页面，其中有一个链接，上面写着“更新”。当用户单击此链接时，我希望表单使用幻灯片效果并显示在链接下方。提交表单后，它会更新数据库，并且菜单会显示。

我知道这可以用 javascript 来完成，但我不知道如何实现它。

非常感谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

世界等同你 2024-08-09 06:12:09

首先，使用 jquery，它会更简单且兼容跨浏览器。

可以使用 Jquery UI 来实现幻灯片效果。

$("div").click(function () {
      $(this).show("slide", { direction: "down" }, 1000);
});

可以使用 post 方法异步更新数据库：

$.post("/action.php", { },
      function(data){
    }, "text");

...但是您可以也只需同步发布表单并刷新页面即可。

First off, use jquery, it will be simpler and compliant cross browser.

Appearing with a slide effect can be done with Jquery UI.

$("div").click(function () {
      $(this).show("slide", { direction: "down" }, 1000);
});

Updating the db assynchronously can be done using the post method:

$.post("/action.php", { },
      function(data){
    }, "text");

... but you can also simply post the form synchronously and refresh the page.

回复收藏 0 原文

谎言月老 2024-08-09 06:12:09

您应该考虑使用 jQuery 等 javascript 库来帮助您实现这一目标。
基本上，您需要的是在所需位置创建一个 DIV 并在文档完成加载时隐藏它，然后为菜单单击添加事件

使用 jQuery：

$(document).ready(function() {

        $('#myDivId').hide(); //Hiding the div

        $('#updadeLinkId').click(function() {
             $('#myDivId').slideToggle('slow'); //This is the slide effect
        });

    });

可以从 http://www.jquery.com/

You should consider a javascript library such as jQuery to help you achieve this.
Basically what you need is to create a DIV at disired position and hide it when the document finishes loading then add events for the menu click

With jQuery:

$(document).ready(function() {

        $('#myDivId').hide(); //Hiding the div

        $('#updadeLinkId').click(function() {
             $('#myDivId').slideToggle('slow'); //This is the slide effect
        });

    });

The jQuery library can be downloadeds at http://www.jquery.com/

回复收藏 0 原文