Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/82.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_Jquery_Css - Fatal编程技术网

Javascript 单击时显示文本和动画

Javascript 单击时显示文本和动画,javascript,jquery,css,Javascript,Jquery,Css,我正在努力寻找,但我找不到确切的指南,所以我来这里寻求你们的帮助 我试图建立动画和文本显示在点击。例如,当用户点击按钮时,他将看到3个文本一个接一个出现,然后页面重定向到另一个页面。现在我的页面正在重定向到我正在使用PHP的新页面。我想创建动画效果,然后页面加载 这是我的按钮代码 <button id="btn" name="submit">Button</button> 按钮 我想当用户点击这个按钮时,它应该显示3Hey。。然后消失欢迎访问我们的网站。然后消失享受,

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

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

这是我的按钮代码

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

我想当用户点击这个按钮时,它应该显示3Hey。。然后消失欢迎访问我们的网站。然后消失享受,然后加载该页面。

我认为这应该对您有所帮助:

$('#clickMe').toggle(
            function(){
                $('#textBox1').show()
                $('#textBox2').show();
                 $('#textBox3').show();
                   });
并将CSS中的转换设置为0.5s:

transition-delay: all 0.5s

看起来很棒。如何设置背景颜色?在标签样式中,添加“背景颜色:\ uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu。即使不点击按钮也会显示