加载页面期间 CSS 转换的悬停效果答案

【问题标题】：HOVER EFFECTS WITH CSS TRANSITIONS during loading page加载页面期间 CSS 转换的悬停效果
【发布时间】：2023-04-08 04:12:01
【问题描述】：

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

处查看示例

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

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

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

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

【问题讨论】：

标签： jquery css effects transitions flip

【解决方案1】：

尝试使用 jquery...

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

可能有用...

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

【讨论】：

非常感谢，但是当您说 if($('#your_img_id').is(':hover')) 加载页面并变为悬停时这是如何工作的！
我提到的 if 条件是在鼠标悬停时检查...如果你想这样做 onload... 尝试使用这个... window.onload = function() { $ ('#your_img_id').fadeIn('fast'); }