HTML Block Scroller & Marquee | JavaScriptSource

HTML Block Scroller & Marquee

Brian Huisman Apr 30, 2008


This small script will animate a series of blocks of HTML, scrolling them up, down, left or right dynamically and then pausing before starting the next scroll. The script will also pause on mouseover, and resume scrolling on mouseout. Since it scrolls HTML instead of just images, you can include just about anything that can be ordinarily placed in a static HTML document: links, images, graphics, tables, backgrounds, etc.

The JavaScript Source is an excellent JavaScript resource.
Want some recognition for your scripts?
Submit them to us and they can be featured on JavaScript Source!
Three times a week we add a new script or tutorial to our archives.


Complete instructions included in script

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: blockFader.js


Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document

Leave a Response


Your question is beyond the scope of these comments. You will need to post it over on [a href=""]the JavaScript forum[/a]. Thanks!

Lee Oct 31, 2008

In order to better help you, you'll need to post your question [a href=""]over on the forums[/a].

Lee Jun 26, 2008

IE throws an error on line 192 for me.[br /] = "hidden";[br /][br /]Not at all sure how to resolve this issue.

Lisa Walker Jun 10, 2008

Not sure of the problem as it works fine for me in IE. You should submit your question to the [a href=""]JavaScript forums[/a].

Lee May 12, 2008

This code does not seem to work on IE. It works very well on Mozilla Firefox.

Kumar May 6, 2008