JavaScript Scrolling Text Vertical

A menu list, scroll messages automatically from bottom to top. As long as your users to visit your web page, the script will automatically start scrolling the text. Apply to the text scrolling in a table cell or is compatible with earlier versions of the browser.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">

<!-- Begin
function selectScroller(n) {
optlist = document.scrollform.scroller;
optlist[optlist.length] = new Option(optlist[0].text, "", false, false);
optlist[0] = null;
optlist.selectedIndex = -1;
n = (n + 1) % optlist.length;
// change the speed below: 1000 = 1 second.
setTimeout("selectScroller("+n+")",2000);
}
//  End -->
</script>

Insert this code into <body> tags

<center>
<form name="scrollform">
<select name="scroller" size=8>
<option>
<option>
<option>
<option>
<option>
<option>
<option>
<option>
<option>This select option list will
<option>scroll text by copying
<option>the top line to the bottom
<option>line before deleting the
<option>top line. This moves the
<option>options up one line and
<option>gives the impression of
<option>scrolling.
<option>
<option>You can leave as many
<option>blank lines as you feel
<option>necessary to give the
<option>look of begining and
<option>ending.
<option>
<option>This script was written
<option>in response to those
<option>who wanted a news
<option>scroller to work within
<option>a table's cell and for
<option>those who want old
<option>browsers to also see
<option>a scoller on the page.
<option>
<option>yobo42@hotmail.com
</select>
</form>
</center>

Instruction:

Change the following text:

Change <body> to <body OnLoad="selectScroller(0);">
and insert other part to where you want your message to be displayed.
Adjust the rotation speed of the text according to your preferences. setTimeout("selectScroller("+n+")",2000); - 1000 = 1 second.

Webmaster » Web Programming » JavaScript » Scrolling » Text Vertical

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links