XtGem Forum catalog
logo


Online :
Speed loads : seconds
Merry Christmas🎄 & Happy New Year🎉

WELCOME TO WAPMASTERS COLLECTOR

Please Disable Ad-Block To View This Website.because this site living in ads.

WAPMASTERS.WAPAMP.COM

please click to drag the codes:
Javascript Code: Raining on texts:

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->

<body>
<SCRIPT >
<!-- Begin
var ;
var ;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, , ;
if (ns4up) {
;
;
}
else
if (ie4up) {
;
;
}
Array();
Array();
Array();
Array();
Array();
;
for (; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
document.write(",</font></layer>");
  }
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
document.write(",</font></div>");
  }
  }
}
function initRain() {
;
r[i] = 1;
(a);
(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
;
;
}
document.layers["dot"+i][i];
document.layers["dot"+i][i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
;
;
}
document.all["dot"+i][i];
document.all["dot"+i][i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}
//  End -->
</script>
</body>

Javascript Code: Make your website as user's Homepage:

<BODY>

<!-- this script got from www.javascriptfreecode.com coded by: Krishna Eydatoula-->
<SCRIPT >

   <!-- Begin
   // If it's Internet Explorer, use automatic link
   // Be sure to change the "http://www.YourWebSiteHere.com\"
   // to the URL you want them to bookmark.
   if (document.all){
    document.write('<A >');
    document.write('<font ><B>Click Here to Make My Web Page Your Homepage</B></font></a>');
   }

   // If it's Netscape 6, tell user to drag link onto Home button
   // Be sure to change the "http://www.YourWebSiteHere.com\"
   // to the URL you want them to bookmark.
   else if (document.getElementById){
    document.write('<a href="http://www.YourWebSiteHere.com">Drag this link onto your Home button to make this your Home Page.</a>');
   }

   // If it's Netscape 4 or lower, give instructions to set Home Page
   else if (document.layers){
    document.write('<b>Make this site your home page:</b><br>- Go to <b>Preferences</b> in the <B>Edit</B> Menu.<br>- Choose <b>Navigator</b> from the list on the left.<br>- Click on the <b>"Use Current Page"</b> button.');
   }

   // If it's any other browser, for which I don't know the specifications of home paging, display instructions
   else {
    document.write('<b>Make this site your home page:</b><br>- Go to <b>Preferences</b> in the <B>Edit</B> Menu.<br>- Choose <b>Navigator</b> from the list on the left.<br>- Click on the <b>"Use Current Page"</b> button.');
   }
   //  End -->
</script>
<br />

Javascript Code: Don't let the user use right click on mouse:

<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydat -->
<SCRIPT >
var ;
///////////////////////////////////
function clickIE() {if (document.all) {alert(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {alert(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);;}
else{;;}

Function("return false")
// -->
</script>


Javascript Code: Make your scrollbar colorful:

<!-- this script got from www.javascriptfreecode.com coded by: Krishna Eydat-->
  <STYLE>BODY {
SCROLLBAR-FACE-COLOR: red; SCROLLBAR-HIGHLIGHT-COLOR: gray;

SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-ARROW-COLOR: gray;

SCROLLBAR-TRACK-COLOR: black; SCROLLBAR-DARKSHADOW-COLOR: red
}
</STYLE>

Flashing Color Links:

<SCRIPT >

<!-- Begin
function initArray() {
for (var ; i < initArray.arguments.length; i++) {
this[i] = initArray.arguments[i];
}
;
}
var initArray(
"red",
"blue",
"green",
"purple",
"black",
"tan",
"red");
; // seconds
;
;
function linkDance() {
link = (link+1)%colors.length;
vlink = (vlink+1)%colors.length;
[link];
[vlink];
setTimeout("linkDance()",delay*1000);
}
linkDance();
// End -->
</script>

Rolling Color Text:

<font ><b>
<script >
var
var
var
var   //in milliseconds

///No need to edit below this line/////

var
if (document.all){
document.write('<font >')
for (;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (;m<message.length;m++)
tempref[m]
}

//cycle through and change individual letters to neon color
tempref[n]

if (n<tempref.length-1)
n++
else{

clearInterval(flashing)
setTimeout("beginneon()",150)
return
}
}

function beginneon(){
if (document.all)
("neon()",flashspeed)
}
beginneon()
</script>
</b></font>


Floating Image:


Copy and paste these two scripts into your document.
This will not work for webtv users.
***********************************************

This first script goes in between your <head> tags.
____________________________________________

<script >
<!-- This Script Created by Randy Bennett:
http://home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- For this and 100s of other Free Javascripts, check out: -->
<!-- Free-Javascripts.com @ http://www.free-javascripts.com/ -->

function setVariables(){
  if (navigator.appName == "Netscape") {
         ;
         ;
         ;
         ;
         ;
         ;
         ;
         ;
         ;

 }else{
         ;
         ;
         ;
         ;
         
         
         
         
         
     }

}

function checkLocation(){

;  // logo width, in pixels
;  // logo height, in pixels


var (innerW)
var (innerH)

var (offsetX)
var (offsetY)

(imgwidth+20)+currentX
(imgheight+20)+currentY
}

var ;
var ;
var ;
var ;

function startMoveR(){
checkLocation();
x += a;
y += b;
if (y>ymax) *-1
if (y<10) *-1
evalMove();
if (x<xmax+20) setTimeout("startMoveR()",100);
else setTimeout("startMoveL()",100);
}

function startMoveL(){
checkLocation()
x ;
y += b;
if (y>ymax-15) *-1
if (y<10) *-1
evalMove();
if (x>0) setTimeout("startMoveL()",100);
else setTimeout("startMoveR()",100);
}

//******************************
function evalMove(){
  eval(docStyle + objectXY + styleDoc + horz + "=" + x);
  eval(docStyle + objectXY + styleDoc + vert + "=" + y);
//setTimeout("checkLocation()",10)
//******************************
}
</script>

This second code is placed in the <body> of your html document.
Just edit the <img src= code to your image.
_______________________________________________________

<BODY bgcolor=#ffffff>

<div id="object1">

<table><td>

<IMG width="70" height="20" >

</td></table>

</div>


Image Following Mouse:

First thing you need is a small image
here is mine that i used:
http://www.draac.com/lildraac.gif


There are two parts to this code.
This first part goes between the <head> & </head> tags.
Please edit in the name of your image file.


<SCRIPT >
<!--hide script from old browsers
//Magic Follower - version 2.0 - Main programme
//Copyright © 1997 - 1999 by Enigma ® Designs and Kallback Africa. All rights reserved
//Simply -  http://www.kallbackafrica.com/simply
//mirror at http://www.kallback.co.za/simply
//Programmed by Michel van Baalen - mouse@kallback.co.za
//This script may not be used without permission
//
// DO NOT change ANY of the following code !!!
//
//************************ DO NOT REMOVE *************************
  ; ; ;   ;  //*
Array()  ;   ;  //*
  ; Width =  ""  ;   ;  //*
//****************************************************************
//
; ; ;
//
//end hiding contents-->
</SCRIPT>
<SCRIPT ></SCRIPT>


The second part of this code is placed
right before the closing </body> tag.

<DIV >
<IMG ></DIV>



Auto Change Picture:

Place the first part of this script between the <head and </head> tags.
Input your picture files into the script.
You can also adjust the number of pictures and the amount of seconds between pictures.
_________________________________________________

<script >
<!-- hide from other browsers   

//Pictures to switch inbetween

var ;
var ;
var ;

//Start at the what pic:
var ;
//Number of pics:
var ;
//Time between pics switching in secs
var ;

//SwitchPic Function
function SwitchPic(counter){

   if(counter < HowLongBetweenPic){
   
     counter++;
     
     //DEBUG in the status bar at the bottom of the screen
     +counter+" PicNumber: "+PicNumber+" ";
     
     //Display pic in what <IMG> tag roll is what I called the image
     ("Rollpic" + PicNumber);
     
     //function calls itself
     ("SwitchPic("+counter+")",1500);
     
     }
     
     else{
       //if its not the last picture goto the next picture
       if(PicNumber < NumberOfPictures){
         PicNumber++;
         SwitchPic(0);
       }
       //its the last picture go to the first one
       else{
         ;
         SwitchPic(0);
         }
   
     }

}
// Stop hiding from old browsers -->
</script>   



Now add the body onload to your body line as this sample shows.


<BODY >


Lastly, add the first image with NAME into your html document
where you want the changing image to show up.

<img src="1.jpg" >


Image Flipper:

There are three parts to this script.
Place this first part between the <head> & </head> tags.
Edit in the URLs of your two images.
Control the speed of the "flip" with the setTimeout
number value (it's 3000 in the sample below).

<script >
;
function autoImgFlip() {
if (step < 1) {step++;}
else {;}
if (step==0)
{;}
if (step==1)
{;}
setTimeout("autoImgFlip()", 3000);
}
</script>

Part two of the script, add the body onload to your <body> line
as shown in the sample below:

<BODY >


Part three place an image code as shown below,
where you want the image to appear on your web page.
Edit in the URL for your image number 1 (same URL as in the script itself).

<img src="http://url of image number 1" id="a">


java script clock1:

*************************
Copy And Paste These Codes
Follow The Included Directions
*************************

<!-- THREE STEPS TO INSTALL CURRENT TIME:

  1.  Paste the specified coding into the HEAD of your HTML document
  2.  Add the onLoad event handler to the BODY tag
  2.  Put the last code into the BODY of your HTML document  -->

<!-- STEP ONE: Copy this code into the HEAD of your HTML document  -->
       

<SCRIPT >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var ;
var ;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
;
}
function showtime () {
var Date();
var ();
var ();
var ()
var + ((hours >12) ? hours -12 :hours)
if (timeValue == "0") ;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
;
("showtime()",1000);
;
}
function startclock() {
stopclock();
showtime();
}
// End -->
</SCRIPT>

<!-- STEP TWO: Add this onLoad event handler to the BODY tag  -->

<BODY >

<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

<CENTER>
<FORM >
<input >
</FORM>
</CENTER>


How Long To Load ?:

*************************
Copy And Paste These Codes
*************************

Put this code   in your "body" line of code:

Example:

<body >

Then add this next code into the html document:

<SCRIPT >




{refresh()}

function refresh()
{setTimeout("count()",250)}

function count()
{if (loading)
{+++0.25;refresh()}}

function done()
{if (loadtime==1)
{}
alert("It took "+loadtime+" second"+s+" to load the page");}
</script>

Display Details:

First copy and paste this part of the script
between your <head and </head> tags.
____________________________________

<SCRIPT >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Jeff Lance (jflance@aol.com) -->

<!-- Begin
var ;
var ; var brNum; var RegExp('/');
function verNumIE() {
  var ('MSIE');
  (brVerId,8);
}
function verNumOt() {
  var (reg);
  (brVerId+1);
}
//  End -->
</script>



Next: Copy and paste this script within the <body> of your html document.
**********************************

<SCRIPT >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Jeff Lance (jflance@aol.com) -->

<!-- Begin
if (navigator.appName == 'Microsoft Internet Explorer') {
  verNumIE() ;
} else {
  verNumOt() ;
}
document.write("<CENTER>");
document.write("<TABLE >");
document.write("<CAPTION ><b>Your Browser Informations</b></CAPTION>");
document.write("<Tr>");
document.write("<td bgcolor=#C0C0C0><b>Browser Name : </b></td>");
document.write("<td>",navName,"</td>");
document.write("</Tr>");
document.write("<Tr>");
document.write("<td bgcolor=#C0C0C0><b>Platform Name : </b></td>");
document.write("<td>",navigator.platform,"</td>");
document.write("</Tr>");
document.write("<Tr>");
document.write("<td bgcolor=#C0C0C0><b>Browser Version : </b></td>");
document.write("<td>",brNum,"</td>");
document.write("</Tr>");
document.write("<Tr>");
document.write("<td bgcolor=#C0C0C0><b>Is Java enabled ? : </b></td>");
if ( !(navigator.javaEnabled()) ) {
  ;
} else {
  ;
}
document.write("<td>",java,"</td>");
document.write("</Tr>");
document.write("</TABLE>");
document.write("</CENTER>");
//  End -->
</script>


 Last Updated
it will display when your page was last updated:

Copy and paste this code into the
body of your html document.
*****************************

<script >
<!-- This Script Created by D10n...: http://members.xoom.com/yoboseyo/js/ -->
<!-- For this and 100s of other Free Javascripts, check out: -->
<!-- Free-Javascripts.com @ http://www.free-javascripts.com/ -->

  var ;
  var Date(document.lastModified);
  ();
  () * 3;
  (mm,mm+3);
  (); yy+=(yy<70)?2000:(yy>100)?0:1900;
  document.write("<b>Updated "+dd+"/"+ma+"/"+yy+"</b><br>");
  </script>

Html Code Tester:

<html>

<head>
<title>Html Tester</title>
</head>

<body >

<script >
function preview() {
;
("",
"preWindow"," , ");
preWindow.document.open();
preWindow.document.write(temp);
preWindow.document.close();
};
</script>

<center>

<table >

<tr><td >

<form >

<textarea >

</textarea>

<p>

<input >

<input >

</td></tr></table>

</form>

</center>

</body>

</html>

Clock/Date In Status Bar:

Copy and paste this little script after the <body> line of code.
__________________________________________________

<script >
function doClock() {
window.setTimeout( "doClock()", 1000 );
Date();
();
}
doClock()
</script>

Hex Coder
Click the button, type in a color name
and get the hex code for that color name:

*************************
Copy And Paste These Codes
*************************

<FORM>
<INPUT >
</FORM>

Radio Background Color Button
Click the radio button and change the background color.
More than one can be used on a single page:

*************************
Copy And Paste This Code
*************************

<FORM>
<input >
</FORM>

Drop Down Link Menu:

This is a two piece script. Place the first script between the <head> and </head> tags.
Where you see I have the word "CONTENT" that is the NAME of your IFRAME.
I have NAMED my IFRAME "CONTENT", you can NAME your IFRAME the same
or leave it as I have it.

<SCRIPT >
<!-- Begin
function leapto(form) {
var
parent.CONTENT.location.href=(form.dest.options[myindex].value);
// You can output to ANY frame using:  parent.[framename].location.href
}
// End -->
</SCRIPT>

_______________________________________________________________________

This next part of the script is for the dropdown menu, place this after the
<body> line of code where ever you would like this dropdown menu to show up.

<FORM >
<SELECT >
<OPTION SELECTED >Choose A Link
<OPTION >Lycos.Com
<OPTION >Google.Com
<OPTION >Yahoo.Com
</SELECT>
</FORM>

_______________________________________________________________________
This last code is the IFRAME code, notice the NAME I gave the IFRAME is the same
as it is in the first part of this script.

<iframe width="650" height="400" >
</iframe>


Funky Text Box
Add a crazy text box to your site.
A different wat to display some text:

<!-- ONE STEP TO INSTALL TEXT EFFECT:

1. Add the first code to the BODY of your HTML document -->

<!-- STEP ONE: Add the first code to the BODY of your HTML document -->

<BODY>

<SCRIPT >
<!-- Original: Hapaboy (happynoodleboy@mindless.com) -->
<!-- Web Site: http://www.geocities.com/SouthBeach/Palms/6999 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var ;
var ;
var ;
var ;
var ;
var ;
var ; // yes or no
var ;
var ;
var *2;
var ;
var i;
var ;
var stoppedisplay;
for (;i<spc;i++) {
+" ";
}
function array(n) {

for (; i <= n; i++) {
this[i] ="";
}
return this;
}
document.writeln('<form >')
document.writeln('<textarea ></textarea>')
if (stopbutton == "yes") {
document.writeln('<br><input >');
}
document.writeln('</form>')
var ;
var ;
var array(l)
var array(spc*2+1)
var array(ll)
var array(ll)
lb[0]=text;lb[l]=text;lr[0]=message;lg[0]=message;

for (;j<l;j++) {
lb[j]=lb[j-1].substring(1, l)+lb[j-1].charAt(0);
}
lr[spc*2]=message;
for (;i<=spc;i++) {
lr[i]=" "+lr[i-1]
}
for (*2-1;i>=spc+1;i--) {
lr[i]=" "+lr[i+1]
}
var ;
for (;j<ll;j++) {
for ([j-1].length-2;i>=0;i--) {
lg[j]=lg[j-1].charAt(i)+lg[j];
}
}
lk[ll]=message;
for (;j>=0;j--) {
lk[j]=lk[j+1].substring(1, l);
}
var ;
var ;
var ;
for (;i<rows;i++) {
+lg[i]+unescape('%0D%0A');
}
for (;i<rows;i++) {
+lb[l-i]+unescape('%0D%0A');
}
for (;i<=rows;i++) {
+lr[spc*2-i]+unescape('%0D%0A');
}
var ;
var ;
var ;
var ;
function lgf() {
if(stop==false) {
if(i>ll) {
;
;
}
if(i==0&&j==0) {
c++;
;
}
if(j!=0) {
[i]+unescape('%0D%0A')+document.F.display.value;
i++;
}
if(j==0) {
[i]+unescape('%0D%0A')+document.F.display.value;
i--;
}
if(c<=times) {
setTimeout("lgf()",speedisplay);
}
else {
;
;
;
;
t();
}
}
}
function t() {
if(stop==false) {
if(i>l) {};
[i]+unescape('%0D%0A')+document.F.display.value;
i++;
j++;
if(j<=l*times) {
setTimeout("t()",speedisplay)}else{;
;
;
rl();
}
}
}
function rl() {
if (stop==false) {
if(i>=spc*2) {};
[i]+unescape('%0D%0A')+document.F.display.value;
i++;
j++;
if(j<len*times) {setTimeout("rl()",speedisplay)}else{;;;trans()}
}
}
function trans() {
if(stop==false) {
[i]+unescape('%0D%0A')+document.F.display.value;
i--;
if(i!=1) {
setTimeout("trans()",speedisplay)
}
else {
;
lgf();
}
}
}
function stopstart() {
;
if(stoppedisplay==false) {
;;
}
if(stoppedisplay==true) {
;;
;
;
;
;
lgf();
}
}
if (rows>spc||rows>ll) {
alert("ERROR! rows can NOT be more that spaces or message length!!!!")
}
if (spc+ll>cols) {
alert("ERROR! cols(coloums) can NOT be less that the message length + spacing length")
}
if (rows<=spc&&rows<=ll&&spc+ll<=cols) {
lgf();
}
// End -->
</script>

Type & Slide Scroller
A typing & sliding scroller in the stausbar.
If you look below in the statusbar
you will see what this script does:

***************************
copy & paste these codes.
This is in two parts.
***************************

First place this script between the <head> & </head> tags.
____________________________________________

<SCRIPT >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var ;
var ;
function scrollIn() {
(0, place);
if (place >= Message.length) {
;
window.setTimeout("scrollOut()",300);
} else {
place++;
window.setTimeout("scrollIn()",50);
}
}
function scrollOut() {
(place, Message.length);
if (place >= Message.length) {
;
window.setTimeout("scrollIn()", 100);
} else {
place++;
window.setTimeout("scrollOut()", 50);
}
}
// End -->
</SCRIPT>


Second use this body line of code.
____________________________

<BODY >


Bouncing Scroller
A bouncing scroller in the stausbar.
If you look below in the statusbar
you will see what this script does:

*******************************************

This javascript must be place between the
<head> and </head> tags

You text message must go between the two * in the script.

Copy and paste this code to your web page.

Don't forget to use the new <body> line of code at the bottom.
******************************************

<script >

<!--

/* MjM'S JAVA

  This JavaScript Code was written by MjM for Hyperchat UK

  I am not responsible for any damage caused by my code.

  This code can be modified as long as the Author's Name is still attached.

   

  Email : MjM@hyperchat.co.uk

   

  © Copyright 1996

*/

var ;

var ;

var ;

var +yourwords+buffer2;

var ;

var ;

function pingpong()

{

if (dir == "left")

  {

  (2,message1.length)+"  ";

  ;

  setTimeout("pingpong();",speed);

  ;

  if (message1.substring(0,1) == "*") ;

  }

else

  {

  +message1.substring(0,message1.length-2);

  ;

  setTimeout("pingpong();",speed);

  ;

  if (message1.substring(message1.length-1,message1.length) == "*") ;

  }

}

// -->

</script>


<BODY >

Date & Time Scroller
Displays the date and time in the stausbar.
If you look below in the statusbar
you will see what this script does:

*************************
Copy And Paste This Code
*************************

<!-- ONE STEP TO INSTALL DATE & TIME SCROLL:

  1.  Add the coding into the BODY of your HTML document  -->


<SCRIPT >

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var
osd +="Welcome to Draac.Com ";
osd +="a place of learning and fun. ";
osd +="This one has the date and time at the front.";
osd +="Did you notice?  It's coming around again, look!  ";
osd +="  ";
var timer;
var ;
function scrollMaster () {
(new Date())
clearTimeout(timer)
msg += " " + showtime() + " " + osd
for (var ; i < 100; i++){
+ msg;
}
scrollMe()
}
function scrollMe(){
;
(1, msg.length) + msg.substring(0,1);
("scrollMe()", 200);
}
function showtime (){
var Date();
var ();
var ();
var ();
var ();
var ();
var ();
var
timeValue += ((months >9) ? "" : " ")
timeValue += ((dates >9) ? "" : " ")
timeValue = ( months +1)
timeValue +="/"+ dates
timeValue +="/"+  years
var
if (hours == 12) {

}
if (hours == 0) {

}
if(hours >= 13){
hours ;

}
var + hours
timeValue2 += ((minutes < 10) ? ":0":":") + minutes + " " + ap
return timeValue2;
}
function MakeArray(n) {

return this
}
MakeArray(12)
monthNames[1] = "Janurary"
monthNames[2] = "February"
monthNames[3] = "March"
monthNames[4] = "April"
monthNames[5] = "May"
monthNames[6] = "June"
monthNames[7] = "July"
monthNames[8] = "August"
monthNames[9] = "Sept."
monthNames[10] = "Oct."
monthNames[11] = "Nov."
monthNames[12] = "Dec."
MakeArray(7)
daysNames[1] = "Sunday"
daysNames[2] = "Monday"
daysNames[3] = "Tuesday"
daysNames[4] = "Wednesday"
daysNames[5] = "Thursday"
daysNames[6] = "Friday"
daysNames[7] = "Saturday"
function customDateSpring(oneDate) {
var [oneDate.getDay() +1]
var ()
var [oneDate.getMonth() +1]
var
if ((theDate == 1) || (theDate == 21) || (theDate == 31)) {
;
}
if ((theDate == 2) || (theDate ==22)) {
;
}
if ((theDate== 3) || (theDate  == 23)) {
;
}
return theDay + ", " + theMonth + " " + theDate + dayth + ","
}
scrollMaster();
// End -->
</SCRIPT>

MouseOver Image Flash
You can have an arrow image flash off and on
when you place your mouse cursor a text link:

First save and upload these two images.

http://www.draac.com/on.gif

http://www.draac.com/off.gif

***********************************
Then copy and paste this two part code.
***********************************

_____________________________________________
Put this script between the <head & </head> tags.
_____________________________________________

<SCRIPT >
<!--
// (c) by Manfred Renner

  //image when mouse is over the link
//image when mouse isn't over the link

function imgover(imgname){
 
}

function imgout(imgname){
 
}

//-->
</SCRIPT>
____________________________________________
Put this script in the body of your html document.
Then edit to your own urls.
_____________________________________________

<IMG src="http://www.draac.com/off.gif">
<a href="http://www.draac.com/"
>Draac.Com - Building a Better Internet</a>

<p>

<IMG src="http://www.draac.com/off.gif">
<a href="http://gifs123.tripod.com/" >
Draac's Gifs 1-2-3</a>

<p>

<IMG src="http://www.draac.com/off.gif">
<a href="http://www.geocities.com/coolmandaniel_2000/" >Guitar-Man-Dan's Homepage</a>

<p>

<IMG src="http://www.draac.com/off.gif">
<a href="http://www.draac.com/wwwboard/" >Draac.Com - The Board</a><p><br>


Disco Background Effect
Get into the groove with this disco background effect script! It fades the background color continuously using a variety of colors, as if it were the dance floor:

Step 1: Insert the following code into the <head> section of your page:
<script >
<!--
//you can assign the initial color of the background here
;
;
;
;
Array;
Array;
Array;

function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}

function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a==3)
{
if (d[1]==0&&d[2]==0&&d[3]==0)

}
return c
}
function disco()
{
if (flag==0)
{
(1, r);
(2, g);
(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]

}
else
{
(1, r)
(2,g)
(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}

setTimeout('disco()',50)
}
//-->
</script>
Step 2: Add the below event handler into the <body> tag itself, like this:
<body >

Chinese Zodiac
Think of it as the Chinese version of your horoscope. Enter your year of birth, and this script outputs what animal sign you are:

<script >
<!--

/*
Submitted by David Gardner (davidgardner7@yahoo.com)
Featured on JavaScript Kit (http://javascriptkit.com)
For this and over 400+ free scripts, visit http://javascriptkit.com
*/

function getpet () {

  var ;
  var ;
  var

  x = (toyear - birthyear) % 12
  if ((x == 1) || (x == -11)) {
    }
  else  {
  if (x == 0)  {
    }
  else  {
  if ((x == 11) || (x == -1)) {
    }
  else  {
  if ((x == 10) || (x == -2)) {
    }
  else  {
  if ((x == 9) || (x == -3))  {
    }
  else  {
  if ((x == 8) || (x == -4))  {
    }
  else  {
  if ((x == 7) || (x == -5))  {
    }
  else  {
  if ((x == 6) || (x == -6))  {
    }
  else  {
  if ((x == 5) || (x == -7))  {  
    }
  else  {
  if ((x == 4) || (x == -8))  {
    }
  else  {
  if ((x == 3) || (x == -9))  {
    }
  else  {
  if ((x == 2) || (x == -10))  {
    }  
  }
  }
  }
  }
  }
  }
  }
  }
  }
  }
  }
  ;

}
// -->
</script>


  <p>Enter your birth year. For example: "1975" </p>
  <form >
  <p><input > <input
  > <br>
  </p>
  <p><input > </font></p>
  </form>


jQuery Mega Menu
Mega Menus refer to drop down menus that contain multiple columns of links. This jQuery script lets you add a mega menu to any anchor link on your page, with each menu revealed using a sleek expanding animation:

Step 1: Add the following code to the <head> section of your page:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" href="jkmegamenu.css" />

<script src="jkmegamenu.js">

/***********************************************
* jQuery Mega Menu- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
***********************************************/

</script>

<script >

//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")

</script>
Step 2: Add the below HTML code to your page. It includes one example anchor link plus the associated mega drop down menu:

<!--Mega Menu Anchor-->
<a href="http://www.javascriptkit.com" id="megaanchor">Tech Links</a>



<!--Mega Drop Down Menu HTML. Retain given CSS classes-->
<div id="megamenu1" class="megamenu">

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

<br /> <!--Break after 3rd column. Move this if desired-->

<div class="column">
   <h3>Web Development</h3>
   <ul>
   <li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
   <li><a href="http://www.dynamicdrive.com/">Dynamic Drive</a></li>
   <li><a href="http://www.cssdrive.com">CSS Drive</a></li>
   <li><a href="http://www.codingforums.com">Coding Forums</a></li>
   <li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>
   </ul>
</div>

<div class="column">
   <h3>News Related</h3>
   <ul>
   <li><a href="http://www.cnn.com/">CNN</a></li>
   <li><a href="http://www.msnbc.com">MSNBC</a></li>
   <li><a href="http://www.google.com">Google</a></li>
   <li><a href="http://news.bbc.co.uk">BBC News</a></li>
   </ul>
</div>

<div class="column">
   <h3>Technology</h3>
   <ul>
   <li><a href="http://www.news.com/">News.com</a></li>
   <li><a href="http://www.slashdot.com">SlashDot</a></li>
   <li><a href="http://www.digg.com">Digg</a></li>
   <li><a href="http://www.techcrunch.com">Tech Crunch</a></li>
   </ul>
</div>

</div>
Configuration info

Each Mega Menu consists of an HTML anchor link, plus its associated drop down menu. The anchor link should just be any arbitrary link with a unique ID attribute:

<!--Mega Menu Anchor-->
<a href="http://www.javascriptkit.com" id="megaanchor">Tech Sites</a>

The associated drop down menu on the other hand should be a DIV containing a series of ULs in the format shown in the code of Step 2. It should also carry a unique ID:

<!--Mega Drop Down Menu HTML. Retain given CSS classes-->
<div id="megamenu1" class="megamenu">
Mega Menu HTML here...
</div>

With both of the above components defined on your page, in the HEAD section of your page, initialize this menu by calling:

<script >

//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")

</script>

Where the first two parameters are the IDs of the anchor and associated drop down menu, and the 3rd, a string of either "mouseover" or "click". This last parameter lets you specify which of these two actions the menu should be activated on the anchor link.

Finally, yes, you can have multiple mega menus on your page. Just repeat the steps above and call jkmegamenu.definemenu() for each menu. Enjoy!

p.s: Inside the .js file, there are two variables you may wish to fine tune:

effectduration: 300, //duration of animation, in milliseconds
delaytimer: 200, //delay after mouseout before menu should be hidden, in milliseconds




Flashy Christmas Tree
:**:Code Tester:**:

Paste JavaScript / HTML Code:



Output:




www.Freevisitorcounters.com

website average bounce rate
Trust Badges
Flag Counter

copyright © 2011 - 2024 wapmasters.wapamp.com.
Powered by Din
All rights reserved.