Status Bar Scrolling Text

Increase the font size Large | Small

Free Website Templates

» All Categories

» Architect
» Art and Culture
» Automotive
» Beuty and Fashion
» Business and Finance
» Children and Education

» Computers and Internet
» E-commerce
» Electrical and Electronics
» Fashion and Dressing
» Flowers and Gift

» Food and Beverages
» Health and Medicine

» IT and Communication
» Love and Romance

» Night Club and Dance

» Telecom and Communication

» Travel and tourism
» Travel and Photography

Maa Web Design
Maa Print Design
Maa Identity Design
Maa Templates

Status Bar Pull Together

STEP 1

Copy and paste the Status Bar Scroller Script that's in the text box below, into the <head> of your html source.

Installation; Configure your messages and scroller speed at the beginning of the script. Do not remove the credits as this is a violation of copyright information.

<script language=javaScript> // Scripts from Maagraphics.com // CONFIGURATION: // Add your messages here. You may add as many messages as you like. var message = new Array() message[0]="Welcome to Maagraphics." message[1]="www.maagraphics.com." message[2]="Great Javascript" // Configure the speed of the message. A lower value means higher speed. var pause=20 // Configure the standstill-time between the messages (milliseconds). var standstill=2000 // Configure the maximum space between the letters. var max_space=30 // Do not edit the variables below var space=" " var i_substring=0 var i_message=0 var i_space=max_space var all_space=" " var content="" function reducespace() { all_space=" " for (i=0;i<i_space;i++) { all_space+=" " } for (i=0;i<message[i_message].length-1;i++) { var thisletter=message[i_message].substring(i,i+1) thisletter=thisletter+all_space content+=thisletter } showmessage() } function showmessage() { window.status=content i_space-- if (i_space>=0) { content="" var timer=setTimeout("reducespace()", pause) } else { clearTimeout(timer) i_space=max_space var timer=setTimeout("changemessage()", standstill) } } function changemessage() { i_message++ if (i_message>message.length-1) { i_message=0 } reducespace() } // - End of JavaScript - --> </script>

STEP 2

Place this code directly into the <body> tag of your html.

onLoad="reducespace()"

Your body tag should look something like this

<body bgcolor="#ffffff" onLoad="reducespace()">

Have fun!

Ready-made Photoshop Templates

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Maa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email |Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map

website stat