javascript - 单击时显示文本和动画

标签 javascript jquery css

我正在努力寻找,但我找不到确切的指南,所以我在这里寻求你们的帮助。

我正在尝试构建动画,点击时会显示文本。例如,当用户点击按钮时,他会看到 3 个文本依次出现,然后页面重定向到另一个页面。现在我的页面正在重定向到我正在使用 PHP 的新页面。我也想创建动画效果然后加载页面。

这是我的按钮代码

<button id="btn" name="submit">Button</button>

我希望当用户点击这个按钮时它应该显示 3 Hey.. 然后消失 Welcome to our website.. 然后消失 Enjoy然后应该加载该页面。

最佳答案

我认为这对你有帮助:

$('#clickMe').toggle(
            function(){
                $('#textBox1').show()
                $('#textBox2').show();
                 $('#textBox3').show();
                   });

并将 CSS 中的过渡设置为 0.5 秒:

transition-delay: all 0.5s

关于javascript - 单击时显示文本和动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33399660/

相关文章:

javascript - 使用 jQuery 区分接收 HTML 事件的节点

javascript - 使用 Html.BeginCollectionItem 帮助程序传递集合的分部 View

javascript - 如何在用户登录后更改div

javascript - 允许退格的javascript中的正则表达式

css - 更改 css 中的可见性属性?

javascript - FitText.js 中的字体大小非常小

jquery - 有没有办法在 jQuery 选择器中执行 OR 操作

javascript - 在滚动条上更改 div 的背景颜色

html - 为什么这种风格的 html 不起作用

javascript - 未显示 AngularJS 动画