Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript菜单_Javascript_Forms_Effect_Slide - Fatal编程技术网

Javascript菜单

Javascript菜单,javascript,forms,effect,slide,Javascript,Forms,Effect,Slide,我正在做一个页面,上面有一个链接,上面写着“更新”。当用户单击此链接时,我希望表单使用幻灯片效果并显示在链接下方。提交表单时,它会更新数据库和菜单 我知道这可以用javascript实现,但我不知道如何实现它 非常感谢首先,使用它,跨浏览器将更加简单和兼容 显示幻灯片效果可以使用 可以使用以下方法同步更新数据库: 。。。但是您也可以简单地同步发布表单并刷新页面。您可以使用ASP.NET上的JQuery或AJAX工具包来完成此操作。你想要哪种语言? 仅使用纯javascript无法完成此操作。我还

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

我知道这可以用javascript实现,但我不知道如何实现它

非常感谢

首先,使用它,跨浏览器将更加简单和兼容

显示幻灯片效果可以使用

可以使用以下方法同步更新数据库:


。。。但是您也可以简单地同步发布表单并刷新页面。

您可以使用ASP.NET上的JQuery或AJAX工具包来完成此操作。你想要哪种语言?
仅使用纯javascript无法完成此操作。我还想补充一点,您需要确保页面在没有javascript的情况下也能正常工作。许多用户,包括我自己在内,都禁用了javascript。我个人会放弃你的网站,如果牺牲了关键功能,这样你就可以使页面看起来更漂亮。

你应该考虑一个JavaScript库,比如jQuery来帮助你实现这一点。 基本上,您需要的是在disired位置创建一个DIV,并在文档完成加载后将其隐藏,然后为菜单单击添加事件

使用jQuery:

$(document).ready(function() {

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

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

    });

jQuery库可以在

下载,Ajax是javascript的一部分,别胡说八道了。看起来几乎完美,但你能进一步解释一下吗?“div”是div id吗?另外,如何获得一个表单来显示此effectdiv就是如何标识要显示的元素。阅读jquery选择器的一些内容,以了解这一点。你这里有很多东西,谷歌上到处都有。如果您想显示这样的表单,请将表单包装在一个带有id的div中,并在此div上调用函数。当然,在开始时表单需要隐藏(style='display:none'),您不需要jQuery UI。。。jQuery就足够了-再加上对animate()的调用,您不需要使用show('slow')函数,但知道jQuery UII不是$('#myDivId').hide()的忠实粉丝总是很好的;文档准备就绪,因为它可能会显示div,然后将其隐藏。。。这对终端用户来说真的不太好,这在我身上从未发生过。很高兴知道
$.post("/action.php", { },
      function(data){
    }, "text");
$(document).ready(function() {

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

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

    });