JavaScript 2
PAGE TRANSITIONS
Here are some page transitions to make your web pages amazing to visitors. Creating page transitions is so easy, look below
All you have to do is add a new meta tag to the <HEAD> section of your page: <META http-equiv="Page-Enter" content="revealTrans(Duration=5,Transition=17)"> That's all there is to it! In the above code, the time it takes to transition is five seconds and the transition effect is #17. Below is a list of all available transition effects. 0 - Shrinking Box 1 - Growing Box 2 - Shrinking Circle 3 - Growing Circle 4 - Wipes Up 5 - Wipes Down 6 - Wipes Right 7 - Wipes Left 8 - Right-Moving Stripes 9 - Downward-Moving Stripes 10 - Right-Moving Boxes 11 - Downward-Moving Boxes 12 - Dissolve Screen 13 - Horizontal Curtain Closing 14 - Horizontal Curtain Opening 15 - Vertical Curtain Closing 16 - Vertical Curtain Opening 17 - Left-Down Wipe 18 - Left-Up Wipe 19 - Right-Down Wipe 20 - Right-Up Wipe 21 - Horizontal Bars Dissolve Screen 22 - Vertical Bars Dissolve Screen 23 - Random Effect, for the adventurous! There you have it. Netscape will ignore these tags, but visitors using Internet Explorer (far and away the majority), will see nifty transition effects. Let's finish up with a very cool effect. TITLE BAR FLASHING MESSAGEThis one creates a dynamic Title Bar.This is the bar on top or the page above the menu.
HERE IS THE CODE:
<HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var message = new Array(); // Set your messages below -- follow the pattern. // To add more messages, just add more elements to the array. message[0] = "Java Scripts and More"; message[1] = "Free JavaScripts"; message[2] = "JavaScript Forum"; message[3] = "Your Message Here"; message[4] = "Add as many messages as you want"; message[5] = "IE and NN6"; message[6] = ""; // Set the number of repetitions (how many times the arrow // cycle repeats with each message). var reps = 2; var speed = 200; // Set the overall speed (larger number = slower action). // DO NOT EDIT BELOW THIS LINE. var p = message.length; var T = ""; var C = 0; var mC = 0; var s = 0; var sT = null; if (reps < 1) reps = 1; function doTheThing() { T = message[mC]; A(); } function A() { s++; if (s > 8) { s = 1;} // you can fiddle with the patterns here... if (s == 1) { document.title = '||||||====||| '+T+' -----'; } if (s == 2) { document.title = '|||=|||===||| '+T+' -----'; } if (s == 3) { document.title = '|||==|||==||| '+T+' -----'; } if (s == 4) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 5) { document.title = '|||====|||||| '+T+' -----'; } if (s == 6) { document.title = '|||===|||=||| '+T+' -----'; } if (s == 7) { document.title = '|||==|||==||| '+T+' -----'; } if (s == 8) { document.title = '|||=|||===||| '+T+' -----'; } if (C < (8 * reps)) { sT = setTimeout("A()", speed); C++; } else { C = 0; s = 0; mC++; if(mC > p - 1) mC = 0; sT = null; doTheThing(); } } doTheThing(); // End --> </script> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsandmore.weebly.com">website Scripts</a></font></center><p> ![]()
|
|