jquery - 加载页面期间 CSS 过渡的悬停效果

Question

我正在尝试解决加载页面期间的问题效果。请在

查看示例

http://www.ajaxshake.com/plugin/EN/1097/6c9bfe29/circle-effects-with-css3-circleeffects.html

然后转到演示 6，如您所见，当鼠标悬停在图像上时，它会向下翻转并在鼠标移开时向上翻转。

我想弄清楚如何在加载页面时在 jquery 中编写代码，并在加载页面时自动向下翻转图像而无需鼠标悬停!

有谁知道如何编写该代码，我刚刚完成了示例 jquery 代码，但仍然无法正常工作，请看一下

Answer 1

尝试使用 jquery...

$(document).ready(function() {
    if($('#your_img_id').is(':hover')) {
        $('#your_img_id').fadeIn('fast');
    }
    else {
        $('#your_img_id').fadeOut('fast');
    }
});

可能有用...

如果你想要它没有鼠标悬停......只需删除 if 条件并检查加载条件......