Jquery Marquee Example - Jquery
How to produce marquee effect in jquery?
Snippet Code
Rate this page :
|
[ 0 votes]
|
This jquery code allows to set direction and duration for your marquee text by using plugin "jquery.marquee.min.js". Here, the sample code for jquery marquee is given below.
<style>
.marquee {
width: 1000px;overflow: hidden;
background: black;color:#fff;
}
</style>
<div class="marquee">Welcome to hscripts.com!! This is JQuery marquee demo..</div>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type='text/javascript' src='http://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js'></script>
<script type='text/javascript'>
$('.marquee').marquee({
duration: 5000,
gap: 50,
delayBeforeStart: 0,
direction: 'left',
duplicated: true
});
</script>
