Text that slides when mouseover

0

I have this code marquee here:

<marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" height='18px' width='180px'>MEU TEXTO</marquee>

I would like the text to scroll ONLY when I hover over the mouse and stop when I take the mouse over.

I did not want to use this "MARQUEE" but rather a jQuery to get something more elegant.

I adapted but did not work: link

O is rolling alone!

    
asked by anonymous 01.10.2014 / 14:23

2 answers

1

Use the Jquery Marquee

Tailored to fit your needs.

var $mq = $('.marquee').marquee();

//Pause
$('.p').click(function(){
  $mq.marquee('pause');
});

//Resume
$('.r').click(function(){
  $mq.marquee('resume');
});
    
01.10.2014 / 14:33
0

You can use a jQuery plugin in case there are several options.

  

website design: link

     

Online example: link

    
01.10.2014 / 14:33