Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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 设置动画时隐藏鼠标上方的元素_Jquery_Hide_Mouseover - Fatal编程技术网

Jquery 设置动画时隐藏鼠标上方的元素

Jquery 设置动画时隐藏鼠标上方的元素,jquery,hide,mouseover,Jquery,Hide,Mouseover,我想在鼠标悬停动画期间隐藏图像。 这是我的动画代码 $('#my_img').animate({'bottom':70}, bouncetime, 'easeOutQuad', function() { .... }); 你能告诉我在哪里以及如何把鼠标放在代码上,这样它就隐藏了 谢谢你不知道你知道多少,所以要从头开始-你需要把它放在网页(如html)或javascript文件中 在网页内,您需要一个脚本部分: <script type="text/javascript"> &

我想在鼠标悬停动画期间隐藏图像。 这是我的动画代码

 $('#my_img').animate({'bottom':70}, bouncetime, 'easeOutQuad', function() {
 ....
 });
你能告诉我在哪里以及如何把鼠标放在代码上,这样它就隐藏了


谢谢你

不知道你知道多少,所以要从头开始-你需要把它放在网页(如html)或javascript文件中

在网页内,您需要一个脚本部分:

<script type="text/javascript">
</script>
根据具体需要,可以将.css(..)替换为.hide()

您没有指定它,但是要在鼠标离开图像时再次显示图像,您可以执行以下操作(或者使用带有两个函数的hover,而不是mouseenter,mouseleeave,请参见):


在所有动画代码的末尾添加此代码

$('#my_img').hover(function(){
      $(this).hide();  
    });

以下是演示:

当用户将鼠标悬停在图像上时,是否要用动画隐藏图像?我做对了吗?没有,我的图像已经在动画中了,现在一旦我在动画中悬停它,我需要让它消失。你能创建一个提琴并在这里更新它,这样我就可以看一看吗?这是我的提琴,做一个好的用户。当你得到你想要的时,请投票并接受答案
    $( '#my_img' ).mouseleave( function ()
    {
        $(this).css('visibility','visible');
    } )
$('#my_img').hover(function(){
      $(this).hide();  
    });