The content can be anything in the webpage i.e some text or images. A variable width/speed marquee with realistic multi-color LED digits. Great script :) Great script. This code contains two image arrays (for the two marquees on the example page), as well as two new mq objects containing the information to be displayed in those two marquees. Marquee Speed Speed: Specifies the speed in which the text in the marquee moves. But, I can't run your script on my site. But, for a given user agent and a given element, the following ⦠I declared a global variable 'lastTimeoutID' and in the scrollFromBottom function, I started using that variable to collect the ID of the setTimeout() method call, ie: You can see how the untouched marquees are jumpy to animate, even in the later browsers such as Firefox 3 and Safari - let alone IE6.Demonstration of jQuery Marquee You just need to stick a call to the start() function somewhere on the page so that it is called when the dom element is available. The marquee can be set using both HTML tags and CSS properties. 5: scrolldelay. You need to call the init() function to get everything started. You will want to put it just after the function declaration for scrollFromBottom() for vertical Scrolling and scrollFromSide() for horizontal scrolling. Scrolling Speed. I used your code and when it loads it scrolls fine up until the last paragraph. Special Effects - Marquee Tag. I already tried silk marquee or something, but it wouldnât work with the application I was using. CSS. 30/01/2007 - Added both vertical and horizontal scrolling. #! Don't worry about reading it. I have re-encoded the post to make sure there are not odd characters there that JavaScript doesn't like. You'll need to call the stop() function to stop it and the startit() function to start it. If you have the right onload functions in place then the only thing I can think of is that you are copying and pasting the code directly from hashbangcode.com and you are carrying across the annoying quote characters that Wordpress puts into the text. Here they are, in full force: This is exactly what I needed, after searching all day. jQuery Easy Ticker. This can be left out or kept in depending on what you want the marquee to do, but is replicates the original functionality of the HTML marquee. Thanks a lot! The JavaScript scroll was originally created by Netscape and is distributed using the Mozilla Public License. I also want to be able to implement a "hesitation" in the scroll, so that it (when scrolling up) brings a line or two in and pauses, then scrolls that out as the next lines come in (which then pause.) marquee-speed: value; While using marquee, sometimes the moving content of an element cannot be fit inside the element. Also, remove the call to scrollFromBottom() in the init() function if you don't want the scrolling to start when the page loads. However, the animation speed will not be the same across all browsers (Firefox is slower than Chrome for instance). Nice elegant and compact solution on the vertical scroll! hi im not good with english and html. Speed is measured in pixels per second. some text marqeeing up and down then mouse go in that text it stopped how it is in java script. jQuery easy ticker is a news ticker like plugin, which ⦠Optimal value for SCROLLAMOUNT has to be found in unison with the speed SCROLLDELAY: This is a JavaScript marquee that displays scrolling text. This demonstration shows 3 jQuerified marquees and 3 standard marquees. data-pausable: true = auto pause on hover. Thanks again! The actual speed depends on the user agent and the type of content. However one slight problem, same as the previous person posted, it only start scrolling when the mouse is hovered over it to start it. This specifies how long to delay between each jump. For instance, in the code above I have set the height of the spacer tags to be 150px. I have set it to be 5 in both scripts. That is a good replacement for marquee for using on XHTML coded pages. It's still not perfect but seems to have improved a lot. Thanks, Each script has a variable, defined at the top called speed. This can be after the container element or within the onload element in the body element. Incorporating data from a database is simply a case of printing out the information you want inside the p tags. 11/02/2009 - Fixed the crazy moving faster bug. A top to bottom marquee with slow speed. That didn't seem to make any difference. I need it to loop continuously until they leave the page. I have changed the post so that it talks about both horizontal and vertical scrolling. @Pram - The script is designed to have only one per page and is therefore far from perfect. I successfully implemented the marquee but it takes time to start. I'm not sure if I can post the site here, because it's adult. My thanks for all the work everyone has done so far. i cant understand everything. For creating the top to the bottom marquee, use the bottom value in jQuery or data attribute. The ant simply follows two rules as it moves around the grid. Next you will need to set some styles up in order to make the p tags appear in a line. How would you get it so it just starts automatically when the page loads up? It was written a long time ago (way before Android Chrome was a thing) and there are much better examples of scrolling effects by more competent JavaScript developers ;). This specifies the type of scrolling of the marquee. It is an old and non ⦠The script takes all of the p tags in the inner div and totals how wide each of them is. 22/05/2008 - Small bug noticed in the getElementsByTagNames() function due to a encoding typo. If anyone has any suggestions then I would be more than happy to try them out. That would have been swell because it started right away but I have to get it to work on Android Chrome because one of my main points is cross-platform compatibility. ... but how do I get it to come up right away? You can pause the sliding when hovering for instance, simply by changing the animation state. This specifies how many ⦠Thanks, You will need to catch the onmousedown and onmouseup events in order to control the box in the right way. Is it correct or am i doing something else wrong? If you are stuck as to why the marquee isn't working then you can do the following. The lower the number, the slower will be marquee. Phil is currently a Developer at Code Enigma. I must have done something simple wrong?! The first number will increase (or decrease if you have created a backwards scrolling marquee) as the scrolling takes place. Full details of how this plugin works and where do download can be taken from jQuery marquee project page. Install and import Marquee3000 into your project. Cheers. i m glad found it but that code is high level for me. In order to get the text inside the div to scroll you need to use a inner div, which contains a set of p tags, two of which are spacer tags. Make scrolling image? just wanted to knw how culd we incoprporate it with database If the element is there then the number of elements found will be greater than 0. Commonly known as "FizzBuzz", this task is as follows. If it is greater than the value then it will repeat before it gets to the bottom. Everything else seems to be working great, but I need it to loop and I'm not sure why it won't.