javascript - 如何设置提交按钮的动画以覆盖该字段并显示 "Success"消息?

标签 javascript jquery html css

我是一名设计师,与一名开发人员一起工作,我正在努力帮助他重新创建我创建的设计元素之一。在我们的网站上,我们有一个部分可以订阅我们的时事通讯。我设想的方式是,在用户输入他们的电子邮件并单击提交后,提交按钮将展开以覆盖该字段并显示“成功!”消息。

我该如何着手实现这一目标?提前致谢!

最佳答案

我希望这能解决。

JsFiddle .

$("#btn").click(function(){
    $(this).val("Success!")
    $(this).animate({
        marginLeft: '-180px',
        width:"220px"
    });
});

<input type="email" id="field"><input style="width:auto;" type="button" value="Subscribe" id="btn">

关于javascript - 如何设置提交按钮的动画以覆盖该字段并显示 "Success"消息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29263169/

相关文章:

javascript - 如何将 Yeoman 的输出的所有脚本、图像分组到自定义文件夹

javascript - 通过 .bind 传递值

javascript - 红外线未返回 1 作为正确值

javascript - Distinct 和 Inner 与 sequelize 结合

javascript - Bootstrap 日期选择器和 Bootstrap 验证器

javascript - 从 $ ('input[type="文本中否定一个文本框"]')

javascript - 如何在列表项旁边的垂直线上均匀对齐复选框?

html - 在 CSS 中,margin 有哪些 position 属性不能做的事情?

ipad - HTML 5音频标签:无法获取mp3文件在iPad Safari上播放

javascript - 基于div更改滚动上的字体颜色