我正在处理一个页面,该页面有一个链接,上面写着“更新”。当用户单击此链接时,我希望表单使用幻灯片效果并出现在链接下方。提交表单时,它会更新数据库,并且菜单消失。
我知道这可以用 javascript 完成,但我不知道如何实现它。
非常感谢
我正在处理一个页面,该页面有一个链接,上面写着“更新”。当用户单击此链接时,我希望表单使用幻灯片效果并出现在链接下方。提交表单时,它会更新数据库,并且菜单消失。
我知道这可以用 javascript 完成,但我不知道如何实现它。
非常感谢
首先,使用jquery,它会更简单和兼容的跨浏览器。
使用Jquery UI可以实现幻灯片效果。
$("div").click(function () {
$(this).show("slide", { direction: "down" }, 1000);
});
可以使用post 方法异步更新数据库:
$.post("/action.php", { },
function(data){
}, "text");
...但您也可以简单地同步发布表单并刷新页面。
您应该考虑使用 jQuery 等 javascript 库来帮助您实现这一目标。基本上你需要的是在 disired 位置创建一个 DIV 并在文档完成加载时隐藏它然后为菜单单击添加事件
使用 jQuery:
$(document).ready(function() {
$('#myDivId').hide(); //Hiding the div
$('#updadeLinkId').click(function() {
$('#myDivId').slideToggle('slow'); //This is the slide effect
});
});
jQuery 库可以在http://www.jquery.com/下载
我还需要补充一点,您需要确保页面在没有 javascript 的情况下也能正常工作,许多用户,包括我自己在内的 surf 都禁用了 javascript。如果关键功能被牺牲,我个人会放弃你的网站,这样你就可以让页面看起来更漂亮。
您可以使用 ASP.NET 上的 JQuery 或 AJAX 工具包来执行此操作。您希望使用哪种语言?它不能仅在纯 javascript 中完成