Metachecker.net
|
FontsMadeEasy.com
|
RankChecker.net
Learn Java Script Today
|
Over 5000 Free Fonts
|
Tutorials
|
Javascript Forum
|
Other Javascript Resources
|
Cheat Sheet
JavaScript Basics
Inserting Javascript
Complete Tutorial
Advance DHTML Tutorial
Script archive
Advanced Tutorials
Alert Scripts
Animation
Audio
Background Effects
Banner Ads
Browser Window
Buttons
Button Forms
Calculcators
Calendars
Clocks & Dates
Cookies
Cursor Effects
DHMTL Games
DHTML Miscellaneous
Equivalents
Forms
Games
IE4+ Scripts
IE5+ Scripts
Image Effects
Image Miscellaneous
Links & Buttons
Math Related
Messages Miscellaneous
Miscellaneous
Mouse Tricks
Navigation
Page Details
Password Protection
Pulldown Menus
Random Stuff
Scrolling
Status Bar
Text Animation
User Detail
User Info
Window Control
Select Menu
A select menu that scrolls that rotates the items to give the appearance that they are scrolling. Useful if you would like a scroller inside a table cell or to be compatible with older browsers. Clever!
This select option list will
scroll text by copying
the top line to the bottom
line before deleting the
top line. This moves the
options up one line and
gives the impression of
scrolling.
You can leave as many
blank lines as you feel
necessary to give the
look of begining and
ending.
This script was written
in response to those
who wanted a news
scroller to work within
a table's cell and for
those who want old
browsers to also see
a scoller on the page.
yobo42@hotmail.com
Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Dion (dion42@hotmail.com) --> <!-- Web Site: http://yoboseyo42.virtualave.net --> <!-- 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> </HEAD>
Insert into <BODY>
<BODY OnLoad="selectScroller(0);"> <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>
Other Options