Programming Tutorials

(追記) (追記ここまで)

Scrolling message on the status bar using Javascript

By: Guru Singh in Javascript Tutorials on 2008年09月05日 [フレーム]

If you are looking for a simple java script to show a scrolling message on the status bar then you can use this script.

TWO STEPS TO INSTALL WRITE AND SLIDE:

1. Paste the coding into the HEAD of your HTML document
2. Copy the onLoad event handler into the BODY tag

STEP ONE: Copy this code into the HEAD of your HTML document

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function evalProtocol() {
 curProtocol = window.location.protocol
 if (curProtocol == "http:") {
 alert("The document comes from the Web.")
 }
 else {
 if (curProtocol == "file:") {
 alert("This document comes from your hard drive.")
 }
 else {
 alert("This document comes from somewhere else.")
 }
 } var Message = "Yet another simple scroll!";
 var place = 1;
 function scrollIn() {
 window.status = Message.substring(0, place);
 if (place >= Message.length) {
 place = 1;
 window.setTimeout("scrollOut()", 300);
 } else {
 place++;
 window.setTimeout("scrollIn()", 50);
 }
 }
 function scrollOut() {
 window.status = Message.substring(place, Message.length);
 if (place >= Message.length) {
 place = 1;
 window.setTimeout("scrollIn()", 100);
 } else {
 place++;
 window.setTimeout("scrollOut()", 50);
 }
 }
}
// End -->
</SCRIPT>

STEP TWO: Add this onLoad event handler into the BODY tag

<BODY onLoad="scrollIn()">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="https://www.java-samples.com">The Java samples home</a></font>
</center><p>

Previous
<< Diabling Right Click option in a browser using Javascript

Next
Using revealTrans to do page transitions in Javascript>>

(追記) (追記ここまで)