Add a splash page using javascript
Add a splash page using javascript
This tutorial will show you how to add a splash page on your website using javascript. Here i am using iframe tag. You are free to use FRAME or any other according to your convenience.
You can even modify this code for developing a image slideshow frame by dynamically adding image tag with some opacity switch along with our css.
<!-- TWO STEPS TO INSTALL SplashPage:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<script LANGUAGE="JavaScript">
<!-- Begin
var background = "black";
var text = "white";
var URL = "http://mistonline.in/wp/";
var speed = 4000; // time in milliseconds (4000 = 4 secs)
var msgcount = 5;
var i = 1;
var blank = " ";
function StringArray (n) {
this.length = n;
for (var x = 1; x <= n; x++) {
this[x] = ' ';
}
}
message = new StringArray(msgcount);
message[1] = "Check out this JavaScript SplashPage!!";
message[2] = "Yet another cool effect using javascript...";
message[3] = "you can easily add this to your web pages.";
message[4] = "Why don't you put it on your site?";
message[5] = "Don't forget, there are still<br>lots more scripts to check out!";
function SplashPage() {
SplashPagepage = '<body bgcolor='+background+'>'
+ '<center><table border=0 '
+ 'height=100%><tr><td><center><b><font '
+ 'color='+text+' size=6>'+message[i]+'</font></b>'
+ '</center></td></tr></table></center><font size=1 color="white">'
+ '<div style="position: absolute; right: 10px; bottom: 10px;" id=copy>Script From Mistonline.in</div></font></body>';
if (i == message.length + 1) parent.location = URL;
if (i < message.length + 1) {
frames['SplashPageshow'].location = "javascript:parent.SplashPagepage";
i++;
setTimeout("SplashPage()",speed);
}
}
// End -->
</script>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<iframe width="100%" height="96%" name="SplashPageshow" src="javascript:parent.blank"></iframe>
<!-- Script Size: 1.68 KB -->
<input type="button" value="Start Splash Page" onclick="SplashPage()"/>
Add a splash page using javascript, Incoming search terms:
- javascript splash page (50)
- splash page script (27)
- splash page javascript (16)
- splash javascript (16)
- javascript splash (13)
- inurl:/referrers html;7 (12)
- java script spash (10)
- JavaScript Splash Screen (4)
- splash page css (2)
- splash slideshow javascript (2)
- jquery splash page examples (1)
- jscript splash page (1)
- php splash (1)
- php splash page (1)
- splash page js script (1)
- script for php splash page (1)
- show splash Java Script (1)
- splash page image script (1)
- splash 2 effect in javascript (1)
- splash form javascript (1)
- splash page example Javascript (1)
- splash message in java script (1)
- splash page code to another page (1)
- jquery splash page dynamic html (1)
- jquery message splash (1)
- whetherwj2 (1)
- create a javascript splash page (1)
- css splash page (1)
- css splash screen (1)
- display splashingjavascript (1)
- external splash page using jquery (1)
- how do add a splash page css (1)
- how do I display splash screen using jquery mobile (1)
- how to add splash screen using javascript (1)
- javascript changing splash image (1)
- javascript for splash (1)
- javascript splash screen code (1)
- JavaScript Splash Screen Example (1)
- javascript splash screen jquery (1)
- jquery intro splash screen (1)
Great tutorial..!! Its really very useful to know JavaScript splash page creation method. Thanks for sharing.