CODEWITHSUNDEEP
phpjquerymouseoverslidedownslideup
Mr-EsSi
Mr-EsSi

Reputation: 60

I need stop slideUp in jquery

i write this code , it make a slideUp for me now I need when mouse over stop slide up regard

$(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);

Upvotes: 0

Views: 312

Answers (3)

Rubesh Gain
Rubesh Gain

Reputation: 1

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>

Upvotes: 0

Rubesh Gain
Rubesh Gain

Reputation: 1

Try This. 

<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>

Upvotes: 0

Ram
Ram

Reputation: 144719

try stop() method:

$('#ticker_02').mouseover(function() {
  $(this).stop(true);
})

Upvotes: 1

Related Questions