[Required] Mouse control marquee

Discussion in 'HTML & Website Design' started by News Updates, Dec 30, 2010.

  1. #1
    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
     
    News Updates, Dec 30, 2010 IP
  2. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #2
    <marquee onmouseover=this.stop() onmouseout=this.start() behavior="scroll" scrollamount="3" direction="right" bgcolor="#008ff0"> Boo </marquee>
    Code (markup):
    Hows that?
     
    jeremyhowell, Dec 30, 2010 IP
  3. News Updates

    News Updates Member

    Messages:
    490
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #3
    its good, but I was looking that kind of marquee as mentioned above
     
    News Updates, Dec 30, 2010 IP
  4. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #4
    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" />&nbsp;&nbsp; <a href="/perks" target="_blank"><img src="/misc/home-images/radio1.jpg" width="90" height="42" alt="Ciao" border="0" /></a> &nbsp;&nbsp; <a href="/perks" target="_blank"><img src="/misc/home-images/ciao.jpg" width="92" height="46" alt="Ciao" border="0" /></a> &nbsp;&nbsp; <a href="/perks" target="_blank"><img src="/misc/home-images/subway-logo.jpg" width="113" height="41" alt="subway" border="0" /></a> &nbsp;&nbsp; <a href="/perks" target="_blank"><img src="/misc/home-images/cotton-cotton.jpg" width="120" height="36" alt="cotton & cotton" border="0" /></a> &nbsp;&nbsp; <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):
     
    CSM, Dec 30, 2010 IP
  5. News Updates

    News Updates Member

    Messages:
    490
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    35
    #5
    News Updates, Dec 30, 2010 IP