Hello, I saw at mouse control marquee at http://yellO.pk homepage. can anyone tell me where I can get like this, I tried to retrieve ir but its not working. Please help me
<marquee onmouseover=this.stop() onmouseout=this.start() behavior="scroll" scrollamount="3" direction="right" bgcolor="#008ff0"> Boo </marquee> Code (markup): Hows that?
A quick look at the source code... var BASE_PATH = "/"; var delay = 5000; var count = 20; var showing = 5; var i = 0; function move(i) { return function() { $('#recent'+i).remove().css('display', 'none').prependTo('#items'); } } function shift() { var toShow = (i + showing) % count; $('#recent'+toShow).slideDown(1000, move(i)); $('#recent'+i).slideUp(1000, move(i)); i = (i + 1) % count; setTimeout('shift()', delay); } $(document).ready(function() { setTimeout('shift()', delay); ... more code ... Code (markup): If you mean the "Recent Activity" scroller (it's not a marquee). Done with jQuery. The "yellO card perks" stuff is this: <h2>yellO card perks</h2> <div class="blnk-spc-15"><!-- --></div> <div class="marquee" id="mycrawler2"> <img src="/misc/home-images/blnk-img.gif" width="1" height="1" alt="" border="0" /> <a href="/perks" target="_blank"><img src="/misc/home-images/radio1.jpg" width="90" height="42" alt="Ciao" border="0" /></a> <a href="/perks" target="_blank"><img src="/misc/home-images/ciao.jpg" width="92" height="46" alt="Ciao" border="0" /></a> <a href="/perks" target="_blank"><img src="/misc/home-images/subway-logo.jpg" width="113" height="41" alt="subway" border="0" /></a> <a href="/perks" target="_blank"><img src="/misc/home-images/cotton-cotton.jpg" width="120" height="36" alt="cotton & cotton" border="0" /></a> <a href="/perks" target="_blank"><img src="/misc/home-images/cafe-coffee-day.jpg" width="77" height="46" alt="Cafe Coffee Day" border="0" /></a></div> <script type="text/javascript"> marqueeInit({ uniqueid: 'mycrawler2', style: { 'padding': '0px', 'width': '278px', 'height': '48px' }, inc: 5, //speed - pixel increment for each iteration of this marquee's movement mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false) moveatleast: 1, neutral: 150, savedirection: true }); </script> Code (markup):