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 路径,但使用悬停淡入模式