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

标签 jquery css effects transition flip

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

查看示例

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

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

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

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

最佳答案

尝试使用 jquery...

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

可能有用...

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

关于jquery - 加载页面期间 CSS 过渡的悬停效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14189006/

相关文章:

html - 在 Angular7 的 <option> 中显示和隐藏跨度

r - 遍历属性向量以生成组合图

Swift SpriteKit 间质广告停止音效

javascript - 第一个空格后的 jquery 跨度

html - 基本分区;容器和包装

javascript - 选择 <option> 时动画 CSS

javascript - jquery scroller 需要一次向下移动一个内容

php - 如何使用 jQuery 同时制作多种动画效果?

jquery - 获取 .delegate 的选择器

javascript - Bootstrap Popover 下的 Highchart 数据渲染