Visualizzazione risultati 1 fino 5 di 5

Discussione: Fermare animazione al passaggio del mouse

  1. #1
    Guest

    Predefinito Fermare animazione al passaggio del mouse

    Ciao a tutti, vorrei inserire a questo codice la possibilità di fermare l'animazione una volta che si è passati col mouse sopra all'animazione.

    Codice PHP:
    <script>

    function
    tick(){
    $(
    '#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
    }
    setInterval(function(){ tick () }, 23000);

    </script>
    Grazie in anticipo a chi vorrà aiutarmi.

    Buon Natale.

  2. #2
    Guest

    Predefinito

    Prova con questo

    Codice PHP:
    <script type="text/javascript">
    function
    move_box(elem) {
    elem.animate({"marginTop": "-=10px"}, 500)
    .
    animate({"marginTop": ""}, 500, function() { move_box($(this)) });
    }

    $(
    document).ready(function() {
    $(
    "#triggers a").each(function() {
    move_box($(this)); //Start animation on each
    });

    $(
    '#triggers a').hover(function() {
    //Stop this element's animation
    $(this).stop().toggleClass('active').children("div").show();
    }, function() {
    $(
    this).removeClass('active');
    $(
    ".feature-box").fadeOut();
    move_box($(this)); //Resume animation only on this.
    });
    });
    </script>

  3. #3
    Guest

    Predefinito

    Purtroppo non funziona, quando passo il mouse sulla notizia invece di bloccarsi scompare.

  4. #4
    Guest

    Predefinito

    Così?

    Codice PHP:
    <script>
    var
    timer;
    function
    tick(){
    $(
    '#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
    }
    function
    start() {
    timer = setInterval(function(){ tick (); }, 23000);
    }
    start();
    $(
    document).ready(
    function() {
    $(
    '#ticker_01').hover(function() {
    timer = clearInterval(timer);
    }, function() {
    start(); });
    }
    );
    </script>
    EDIT: Probabilmente volevi che ripartisse
    Ultima modifica di orgxiiipu : 24-12-2012 alle ore 13.35.23

  5. #5
    Guest

    Predefinito

    Esatto, grazie mille questo script funziona alla grande!

    Continuavo ad usare .stop ma non funzionava, sto studiando le librerie jquery da poco e devo ancora prenderci la mano.

    Grazie ancora,

    Buon Natale.

Tags for this Thread

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •