Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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_Jquery Animate - Fatal编程技术网

Jquery在悬停时设置动画

Jquery在悬停时设置动画,jquery,jquery-animate,Jquery,Jquery Animate,我正在寻找一个非常基本的功能:我想在鼠标悬停在窗口的某个区域时,在它的位置设置一个div的动画。 我已经知道了如何以及何时启动动画功能问题是,它的时间有限。我正在寻找一种方法,在悬停时相对于div的位置移动div 干杯,janik 编辑: 我创造了一把小提琴。我以前不知道。jsfiddle.net/Ru2mZ/7来解决我的问题:我想在鼠标悬停在按钮上时,对一个对象进行连续的移动或动画。因此,像$('#id').animate({left:100},100)这样的基本动画将无法工作,因为它被限制在

我正在寻找一个非常基本的功能:我想在鼠标悬停在窗口的某个区域时,在它的位置设置一个div的动画。 我已经知道了如何以及何时启动动画功能问题是,它的时间有限。我正在寻找一种方法,在悬停时相对于div的位置移动div

干杯,janik

编辑:


我创造了一把小提琴。我以前不知道。jsfiddle.net/Ru2mZ/7来解决我的问题:我想在鼠标悬停在按钮上时,对一个对象进行连续的移动或动画。因此,像$('#id').animate({left:100},100)这样的基本动画将无法工作,因为它被限制在固定的结束位置和固定的时间量。

以下是悬停函数的文档。

基本上,你必须

$("#div-id").hover(
  function () {
    //Do whatever you want to any element when the mouse is on the div with id: div-id. If you want to change anything related to the div being hoved, use the $(this) selector.
  },
  function () {
    //Do whatever you want to any element when the mouse was on the div with id: div-id and leaves it. If you want to change anything related to the div being hoved, use the $(this) selector.
  }
); 

也许值得为你迄今为止所做的事情提供一个JSFIDLE…让某人以这种方式提供帮助更快/更容易。参考这个现有问题:[如果这对你有帮助,那太好了。[1]:没错timbo.JSFiddle URL是我绝对知道悬停函数是如何工作的。问题要复杂得多,请参考动画函数。
        $('#someDiv').bind('mouseenter', function () {
            this.iid = setInterval(function () {
                aniDiv();
            }, 25);
        }).bind('mouseleave', function () {
            this.iid && clearInterval(this.iid);
        });
        function aniDiv() {
            $('#someDiv').animate({ marginLeft: '-=200px' },10);
        };