如何在网站加载后立即启动脚本?
我希望我必须淡入网站内容,但是还没有找到“当网站打开时”的事件。
基本上,您可以在网站上切换两个“内容”。我只是按按钮时淡出的第一个“内容”,但希望首先完成上述操作。
我尝试使用CSS动画,但是没有淡入淡出效果,因此几秒钟后“内容”消失了。这是我要使用的代码:
<script>
$(document).ready(function(){
$("#button").click(function(){
$("#main").fadeOut(200);
});
});
</script>
代码的那部分工作正常。因此,有人可以帮助我还是找到其他解决方案?
最佳答案
页面加载时,将调用$document.ready()
内部定义的函数。只需确保要淡入淡出的项目默认情况下是隐藏的(display:none
将在CSS中工作)。
为确保第一部分的淡入淡出在第二部分开始淡入之前,请尝试使用setTimeout() function。请记住为第二部分设置display:none
属性。
$('#main button').click(function(){
$("#main").fadeOut(1000);
setTimeout(function(){
$("#secondary").fadeIn(1000);
}, 1000);
}
查看此CodePen以获得所有示例。