Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 加载页面期间CSS转换的悬停效果_Jquery_Css_Effects_Transitions_Flip - Fatal编程技术网

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

Jquery 加载页面期间CSS转换的悬停效果,jquery,css,effects,transitions,flip,Jquery,Css,Effects,Transitions,Flip,我试图在加载页面时解决问题效果。请看下面的样品 转到演示6,你们可以看到当鼠标移到图像上时,它会向下翻转,当鼠标离开时会向上翻转 我试图弄清楚,在加载页面时,如何在jquery中编写代码,在加载页面时,如何在不使用鼠标悬停的情况下自动翻转图像 有人知道如何编写该代码吗?我刚刚编写了示例jquery代码,但仍然无法工作。请查看尝试使用jquery $(document).ready(function() { if($('#your_img_id').is(':hover')) {

我试图在加载页面时解决问题效果。请看下面的样品

转到演示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条件并检查加载条件…

非常感谢,但是当您说if($(“#your_img_id”).is(“:hover”)是如何在加载页面并变为hover时工作的!我提到的if条件是每当鼠标悬停时检查。。。如果您想在加载时执行此操作。。。试着用这个。。。window.onload=function(){$('your#img_id').fadeIn('fast');}