Membuat Effect Marquee dengan jQuery Marquee Plugin!

• Mudah di gunakan!
• Support di semua browser!
• Responsive
• Valid HTML5
• Cool! ^_^
• Buktikan sendiri!

Cara Pemasangan :

<!-- Library jQuery -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<!-- Plugin jQuery Marquee -->
<script src='//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js' type='text/javascript'/>

<style>
.marquee {
  overflow: hidden;
  width:95%; /* Atur Lebar Marquee */
  border:1px solid #ddd; /* Tambahan */
  background:#eee; /* Tambahan */
  color:#333; /* Tambahan */
  padding:5px; /* Tambahan */
}
</style>

<script type='text/javascript'>
//<![CDATA[
// Settingan Default Marquee nya disini bro!
$('.marquee').marquee({
    //Atur kecepatan marquee ( Hitungan Milisecond ) :
    duration: 9000,
    //Atur 'Delay' Waktu Sebelum Marquee dimulai :
    delayBeforeStart: 0,
    //Atur Arah Marquee 'left' atau 'right' :
    direction: 'left',
    //Aktifkan Duplikat Marquee 'true' atau 'false'
    duplicated: false,
    //Atur Jarak Duplikat Marquee ( Hitungan Pixel ) :
    gap: 10,
    //Hentikan Marquee ketika di sentuh 'true' atau 'false'
    pauseOnHover: true
});
//]]>
</script>

<div class="marquee">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-duplicated="true">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-duration='500'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-duration='100'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-direction='left'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-direction='right'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-direction='up' data-duration='3000' style='width:50%;height:30px;'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

<div class="marquee" data-direction='down' data-duration='3000' style='width:50%;height:30px;'>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>