Vishnu Vishnu - 1 year ago 104
CSS Question

How to stop this jquery marquee scrolling on mouse over

I have used the following jquery marquee, but it couldn't stop on mouse over.. is any solution in jquery......

<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>

<script type="text/javascript">
//speed in milliseconds of the marquee
duration: 10000,
//gap in pixels between the tickers
gap: 100,
//time in milliseconds before the marquee will start animating
delayBeforeStart: 0,
//'left' or 'right'
direction: 'left',
//true or false - should the marquee be duplicated to show an effect of continues flow
duplicated: true

.marquee {
width: 300px;
overflow: hidden;
border: 1px solid #ccc;
background: #ccc;

<div class="marquee">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>

Mox Mox
Answer Source
$(".marquee").on("mouseover", function(e){

use the "toggle" method to pause and resume the animation.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download