在加载页面期间使用CSS转换进行HOVER效果

时间:2013-01-07 02:18:04

标签: jquery css effects transitions flip

我正在尝试在加载页面时解决问题影响。请看

上的样本

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

然后转到演示6,因为您可以看到当鼠标悬停在图像上时它将向下翻转并在鼠标移出时翻转。

我正在试图弄清楚在加载页面时如何在jquery中编写代码并在加载页面时自动翻转图像而不用鼠标悬停!

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

1 个答案:

答案 0 :(得分:0)

尝试使用jquery ...

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

可能会工作......

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