[ JavaScript_JS ] marquee - text 문자 롤링

http://aamirafridi.com/jquery/jquery-marquee-plugin

< html>
< head>
< meta http-equiv="content-type" content="text/html; charset=utf-8" />
< SCRIPT type="text/JavaScript" src="http://code.jquery.com/jquery-latest.min.js"></SCRIPT>
< script type='text/javascript' src='/_js/jquery.marquee.min.js'></script>
< style>
.marquee {
  width: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #ccc;
}
< /style>
< SCRIPT language="JavaScript">
$(window).load(function() {
   $('.marquee').marquee({
      gap: 0,
      delayBeforeStart: -10000,
      duration: 10000,
      duplicated: true,
      pauseOnHover: true
   });
});
< /SCRIPT>
< /head>
< body>
< div class="marquee">
   <div style="float:left; padding-right:20px;">가</div>
   <div style="float:left; padding-right:20px;">나나</div>
   <div style="float:left; padding-right:20px;">다다다</div>
   <div style="float:left; padding-right:20px;">가</div>
   <div style="float:left; padding-right:20px;">나나</div>
   <div style="float:left; padding-right:20px;">다다다</div>
   <div style="float:left; padding-right:20px;">가</div>
   <div style="float:left; padding-right:20px;">나나</div>
   <div style="float:left; padding-right:20px;">다다다</div>
< /div>

Left (default):
< div class="marquee">jQuery marquee is the best marquee plugin in the world</div>
< br/>

Right:
< div class="marquee" data-direction='right'>نیوزی لینڈ کے شہر ہیملٹن میں کھیلے جانے والے چوتھے میچ میں بھارت کو سات وکٹ سے شکست کا سامنا کرنا پڑا ہ</div>
< br/>

Up:
< div class="marquee ver" data-direction='up' data-duration='1000' data-pauseOnHover="true">jQuery marquee is the best marquee plugin in the world. jQuery marquee is the best marquee plugin in the world <b>end</b></div>
< br/>

Down:
< div class="marquee ver" data-direction='down' data-duration=1000>jQuery marquee is the best marquee plugin in the world. jQuery marquee is the best marquee plugin in the world <b>end</b></div>
< br/>
< /body>
< /html>