html 具有SVG和淡入淡出功能的FacetWP模板加载器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 具有SVG和淡入淡出功能的FacetWP模板加载器相关的知识,希望对你有一定的参考价值。
<!-- FACETWP TEMPLATE LOADER WITH SVG & FADE -->
<script>
(function($) {
$(document).on('facetwp-refresh', function() {
$('.facetwp-template').animate({ opacity: 0.6 }, 1000);
$('.facetwp-template-load').animate({ opacity: 1 }, 1000);
});
$(document).on('facetwp-loaded', function() {
$('.facetwp-template').animate({ opacity: 1 }, 1000);
$('.facetwp-template-load').animate({ opacity: 0 }, 1000);
});
})(jQuery);
</script>
以上是关于html 具有SVG和淡入淡出功能的FacetWP模板加载器的主要内容,如果未能解决你的问题,请参考以下文章
如何淡入和淡出svg的颜色
jQuery 淡入淡出图像并使用 display:none 隐藏它们
如果单击具有淡入淡出效果的其他链接,则切换类名并删除
如何添加淡入淡出功能以在悬停功能上播放?
禁用 UIButton 而没有淡入淡出效果
用颜色填充 SVG 路径,但使用悬停淡入模式