0

私はこのコードを書きます、それは私のためにslideUpを作ります今私はマウスオーバーがスライドアップに関して停止するときに必要です

$(document).ready(function () {
$('#ticker_02').mouseover(function() {
  //I NEED THIS CODE
    })

});

function tick2(){
    $('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 2000);
4

3 に答える 3

1

stop()メソッドを試してください:

$('#ticker_02').mouseover(function() {
  $(this).stop(true);
})
于 2012-05-27T09:07:10.790 に答える
0

function tick2(){
  $('#ticker_02 li:first').slideUp(
    function () {
      $(this).appendTo($('#ticker_02')).slideDown();
    }
  );
}

d=setInterval(function(){ tick2 () }, 5000);

function stop1(){
  clearInterval(d);
}
function start1(){
  d=setInterval(function(){ tick2 () }, 5000);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()" >
  <li>element1</li>
  <li>element2</li>
</ul>

于 2016-09-30T10:08:25.273 に答える
0

これを試して。

<ul id="ticker_02" class="ticker" onmouseover="stop1()" onmouseout="start1()">

<script>
var d
function tick2(){
    $('#ticker_02 li:first').slideUp( function () {    
        $(this).appendTo($('#ticker_02')).slideDown(); });
}
d=setInterval(function(){ tick2 () }, 2000);


function stop1(){
    clearInterval(d);
}

function start1(){
    setInterval(function(){ tick2 () }, 2000);
}
</script>
于 2016-09-30T10:11:44.837 に答える