WilRose HTML Tutorial, Learn HTML on line for free!

Scrolling Banner in JavaScript

This site designed with Coffee Cup HTML Editor++ ver. 6.2

HTML Tutorial

JavaScript Examples

Rollovers

MouseDown

JS Clock

CountDown

Status Window

Status Window 2

Random Image

JS Cookies

Background Changer

Scrolling Banner

Members Area

Special Effects using JavaScript
Scrolling Banners

Create your own "Scrolling Banners" to describe your page content, announce events, news, what's new on your site, or pretty much whatever purpose you can think of.
This script is fairly simple to install and use. It has three basic parts that make it work.
The first part resides between the <HEAD> and the </HEAD> tags. It defines the function and the text that you want to display.
The second part is inside the <BODY> tag and starts the function of the script when the page is loaded.
The third and last part is the <FORM> itself that displays the scrolling banner with your pre-defined text message on the page.

It looks like this:

<HTML>

<HEAD>

var id,pause=0,position=0,revol=9;

function banner() 
{
  var i,k;
  var msg="                                    Your Text Here                                          ";
  var speed=10;
  document.thisform.thisbanner.value=msg.substring(position,position+50);

if(position++==msg.length) 
  {
      if (revol-- < 2) return;
      position=0;
  }

id=setTimeout("banner()",1000/speed);
}

</script>

</head>

<TITLE>Scrolling Banners in JavaScript</TITLE>

<body bgcolor="ffffff" onload="banner()"><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-47423994-1', 'fortunecity.ws');
  ga('send', 'pageview');

</script>
<center>
<br>
	
	<div>	
<script language="javascript" type="text/javascript" src="http://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
	</div>
</center>

</FORM>

</CENTER>

</BODY>

<center>

</center>
</HTML>

Recommended Books

Top of Page?