Javascript 在首页上设置徽标动画3秒钟,然后显示图像滑块
我正在尝试在不离开页面或重新加载的情况下从徽标到图像滑块制作动画。我想知道使用jquery实现这一点的最佳方法,我正在学习web开发。任何帮助都会很好谢谢Javascript 在首页上设置徽标动画3秒钟,然后显示图像滑块,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试在不离开页面或重新加载的情况下从徽标到图像滑块制作动画。我想知道使用jquery实现这一点的最佳方法,我正在学习web开发。任何帮助都会很好谢谢 <div class="intro"> <img scr="logo.png"> <h3> website title</h3> </div> <div class="slides"> <ul> <li> <img scr=
<div class="intro">
<img scr="logo.png">
<h3> website title</h3>
</div>
<div class="slides">
<ul>
<li>
<img scr="img.jpg" />
</li>
</ul>
</div>
<script>
$(function(){ $('.intro').hide.show(3000);});
</script>
网站标题
-
$(function(){$('.intro').hide.show(3000);});
试试$('.intro').hide().delay(3000.show()代码>
尚未对此进行测试,但请确保在函数调用后有paren(例如,.hide()
而不是.hide
)
同时使用delay(3000)
将显示延迟3秒,而不是淡入3秒
还有一个提示:尝试使用CSS隐藏.intro
块:
.intro {
display: none;
}
要显示滑块,只需对执行相同的操作。幻灯片
:
$('.slide').show();
尝试$('.intro').hide().delay(3000.show();
尚未对此进行测试,但请确保在函数调用后有paren(例如,.hide()
而不是.hide
)
同时使用delay(3000)
将显示延迟3秒,而不是淡入3秒
还有一个提示:尝试使用CSS隐藏.intro
块:
.intro {
display: none;
}
要显示滑块,只需对执行相同的操作。幻灯片
:
$('.slide').show();
这里有一个
这里有一个
请使用所有相关代码制作一个。请使用所有相关代码制作一个。谢谢你,该部分正在工作,延迟功能非常有用,刚刚添加在谢谢中。另一部分是在徽标动画完成后立即显示jquery滑块。谢谢你,该部分正在工作,延迟功能非常有用,刚刚添加在谢谢中。其他r部分是在徽标动画完成后立即显示jquery滑块。什么原因会导致动画在safari上不起作用?它在与safari在同一引擎下运行的chrome上起作用。firefox速度较慢。谢谢不同的浏览器,不同的渲染…关于safari,我真的不知道为什么不起作用。谢谢,@mdesdev;它是w糟糕的是,我刚刚更新了safari,现在它可以工作了。对不起,再次感谢。是什么原因导致动画不能在safari上工作?它可以在chrome上工作,chrome与safari在同一个引擎下运行。firefox速度较慢。谢谢你,不同的浏览器,不同的渲染…关于safari,我真的不知道为什么不能工作。谢谢,@mdesdev;是的我的错,我刚刚更新了safari,现在它可以工作了。对不起,再次感谢