Php 鼠标悬停jQuery_Php_Javascript_Jquery

Php 鼠标悬停jQuery

php javascript jquery

Php 鼠标悬停jQuery,php,javascript,jquery,Php,Javascript,Jquery,我想在鼠标掠过文本时停止动画。但我不知道如何停止鼠标上方的动画我的代码是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

我想在鼠标掠过文本时停止动画。但我不知道如何停止鼠标上方的动画

我的代码是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Animation</title>
        <script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
        <script>
            function tick2(){
                jQuery('#ticker_02 li:first').slideUp(function(){
                   jQuery(this).appendTo(jQuery('#ticker_02')).slideDown(); 
                   jQuery("#ticker_02 ul > li:lt(2)").show();
                   jQuery("#ticker_02 ul > li:gt(2)").hide();  
                });
            }
            setInterval(function(){ tick2 () }, 3000);
        </script>
    </head>
    <body>
        <ul class="ticker" id="ticker_02">
             <li>Looong text.....</li>
             <li>Looong text.....</li>
             <li>Looong text.....</li>
             <li>Looong text.....</li>
        </ul> 

    </body>
</html>

试试这个方法

您可以这样做，存储一个全局变量并将其状态更改为Hover in，Hover ou事件的

可能就足够了。。。或者是否需要暂停“真实”动画

function tick2(){
    $('#ticker_02 li:first').slideUp( function () {
        $(this).appendTo(jQuery('#ticker_02')).slideDown(); 
        $("#ticker_02 ul > li:lt(2)").show();
        $("#ticker_02 ul > li:gt(2)").hide();  
    });
}
var interval_id = setInterval(tick2, 3000);
$(".ticker").mouseover(function(){
   clearInterval(interval_id);                                             
}).mouseout(function(){
     interval_id = setInterval(tick2, 3000);       
});

-1用于询问63个问题，而不是学习正确格式化代码。要在SO问题中包含格式化代码，只需将其缩进四个空格，或键入/粘贴它而不缩进，然后选择它并按{}按钮。然后，您可以在jQueryticker_02 ul>li:lt2.show之后添加类似于缺少a的字符；和.hide调用不起作用：选择器ticker_02 ul的第一部分将不匹配任何元素…此方法不会继续上一个动画，它将启动一个新动画，该动画将使元素在该点处向左移动100px，而不是在其开始处向左移动100px。是的，但这只是一个停止方法示例。它相当容易计算元素的位置和动画结束时剩下多少像素，然后从该点继续。这段代码不适用于鼠标悬停。请帮帮我。对我来说非常紧急。@Velmurugan检查选择器，告诉它什么时候在哪个元素上使用悬停事件，否则它应该像一个符咒一样工作。我不知道如何添加选择器。请帮帮我。我需要停止悬停文本。

<script>
            var paused = false;
            function tick2(){ 
                if(paused)
                  return false;
                jQuery('#ticker_02 li:first').slideUp( function () {jQuery(this).appendTo(jQuery('#ticker_02')).slideDown(); 
                jQuery("#ticker_02 ul > li:lt(2)").show();
                jQuery("#ticker_02 ul > li:gt(2)").hide();  
                });
            }
            setInterval(function(){ tick2 () }, 3000);
                $("element").hover(
  function () {
    paused = true;
  }, 
  function () {
    paused = false;
  }
);
        </script>

function tick2(){
    $('#ticker_02 li:first').slideUp( function () {
        $(this).appendTo(jQuery('#ticker_02')).slideDown(); 
        $("#ticker_02 ul > li:lt(2)").show();
        $("#ticker_02 ul > li:gt(2)").hide();  
    });
}
var interval_id = setInterval(tick2, 3000);
$(".ticker").mouseover(function(){
   clearInterval(interval_id);                                             
}).mouseout(function(){
     interval_id = setInterval(tick2, 3000);       
});