我有一个加载程序,该加载程序在页面完全加载后会逐渐淡入和淡出。在过渡期间,如何使图像淡入然后淡出?因此,我正在寻找图像淡入淡出然后预加载器淡出的图像。
所以过渡发生像
预加载器背景>图像淡入>图像淡出>预加载器背景淡出
与此处的装载机相似的效果。
如果这很简单,我深表歉意。目前,使用
<div class="loader-container">
<img src="image.png" alt="Image">
</div>
<script type="text/javascript">// <![CDATA[
jQuery(window).load(function() {
jQuery(".loader-container").delay(500).fadeOut("1000");
});
// ]]>
</script>
使用jQuery动画的回调:
jQuery(function(){
jQuery("#loader-image").fadeIn(500, function(){
jQuery("#loader-image").delay(500).fadeOut(1000, function(){
jQuery(".loader-container").fadeOut(2000);
});
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句