<!--You need to include following plugin for pauseOnHover. If browser supports CSS3 animation than we don't need this plugin but its better as a fallback for older browsers-->
<srcipt src="https://rawgithub.com/tobia/Pause/master/jquery.pause.js"></script>
Click the links for action:
<div class="marquee">jQuery marquee is the best marquee plugin in the world</div>
<a class='t' href='#'>Click to toggle above marquee</a>
<br><br>
Another example with setInterval
<div class="marquee2">jQuery marquee is the best marquee plugin in the world</div>
.marquee, .marquee2 {
width: 300px;
overflow: hidden;
border: 1px solid #ccc;
background: #ccc;
}
var $mq = $('.marquee, .marquee2').marquee();
//Pause
$('.t').click(function(){
$mq.marquee('toggle');
});
setInterval(function(){
$('.marquee2').marquee('toggle');
},700);
This Pen doesn't use any external CSS resources.