JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Turn your site upside down on mouseover		[View Sample]

Surprise you visitors with this fancy gag-script and turn your page upside down with a simple onmouseover-tag.


Insert into <HEAD>
<script language=javaScript> <!-- Beginning of JavaScript - function flipVertical() { if(document.all) { document.all.mainbody.style.filter="flipV()" var timer=setTimeout("flipHori()",3000) } } function flipHori() { document.all.mainbody.style.filter="flipH()" var timer=setTimeout("flipRestore()",3000) } function flipRestore() { history.go(0) } // - End of JavaScript - --> </script>

Insert into <BODY>
<div id="mainbody" style="position:absolute; visibility:visible"> <table cellpadding=7> <tr> <td colspan=3 align=center height=100><font size=5 face="Verdana"><b><a href="#" onMouseOver="flipVertical()">Do you really dare to touch this headline?</A></B></font></td> </tr> <tr> <td valign=top width=220> <font size=2 face="Verdana">Great! You just entered the timeless pleasure-zone of JavaScript and DHTML. <a href="http://www.24fun.ch" target="_blank">Run and download free JavaScripts</A> and DHTML samples to enhance the impact of your site! <a href="http://www.24fun.ch" target="_blank">Learn the latest techniques and tricks from the most creative guest-pros.</A></font></td> <td valign=bottom> <table cellpadding=0 bgcolor="AAAAAA" width=140 height=50> </tr> <tr> <td bgcolor=FF0000 align=middle width=150> <a href="http://www.24fun.ch" target="_blank"><font size=2 face="Verdana" color=FFFFFF><b>Download script as ZIP-file.</b></font></A> </td> </tr> </table> </td> <td valign=top width=180> <font size=2 face="Verdana">Add new scripts for free and promote your web-pages by submitting your scripts to our guestscript-center.</font> </td> </tr> </table> </div>

Other Options
<html> <head> <TITLE>The-Great-Boring-Page-Cutter-Script</TITLE> <meta NAME="keywords" CONTENT="DHTML, text, picture, animation, onmouseomve, Dynamic HTML, CSS, move, download, free, samples, applet, text animation, headline, copy, ticker, scroller, JavaScript"> <meta NAME="description" CONTENT="Do you have a very, very boring HTML-page somewhere inside your website? Lucky you! In that case this script offers you a great opportunity to surprise your visitors. How? Just install this absolutely silly little script and you will see! Very easy to configure. Made for IE4.x"> </head> <STYLE TYPE="text/css"> <!-- A { font-family: Arial,Helvetica,sans-serif; font-weight:bold;color: #0000FF;text-decoration:none } A:visited { font-family: Arial,Helvetica,sans-serif; color: #0000FF;text-decoration:none } A:hover { font-family: Arial,Helvetica,sans-serif; color: #000088;text-decoration:underline } --> </STYLE> <script> <!-- Beginning of JavaScript - // width and height of your naughty, naughty image var imgwidth=620 var imgheight=500 // number of slices the image is cut var imgslices=8 var step=5 var vorzeichen=1 var madeway=0 var width_slice=Math.floor(imgwidth/imgslices) var cliptop=0 var clipbottom=imgheight var clipleft=0 var clipright=width_slice var x,y var flag=0 var box var message="<span style='width:600px;font-family:Verdana;font-size:9pt;color:000000'>The ancient part of The Old Burying Ground, set aside by the' first settlers of Southold on Long Island consists of one acre of level ground (the highest in the colony) laid out in sixteen neat rows running parallel from North to South and bordering the Main Road just west of the church. <img src='boring3.gif' align=right>Here, in this peaceful setting, the echo from the past is to be felt most strongly. <a href='javascript:makeworm()'>Click here to cut off this boring page.</a> Here a small group of sturdy, self-reliant God-fearing men left their imprint on American Life. Click here to kill this boooooring page.</a>Nine of the stones are raised, horizontal slabs or table stones, the resting place of some of the most prominent men of the first settlers, <img src='boring1.gif' align=left>including that of the Rev. John Youngs, organizer of the settlement in 1640. he grave stones are for the most part either slate or brownstone covering a period from the second half of the 17th century through the 19th century. In many cases the family name is to be found in the same row side by side. There are many vacant spaces, clearly indicating a grave, but with no marker. in all probability time has destroyed the stone, for none had any footing. The slate stones are the more interesting, for on them is a certain degree of artistry. Slate and brownstone were commonly used in early New England burying grounds and it is most likely that the stones in Southold came from the same source, and were even cut and finished there. From the varying degree of workmanship and wide range of spell.ina, there is evidence that more than one stonecutter was at work here. It is said that some of these markers came to America as ballast in sailing ships from England. There are few stones of the first settlers still standing, and according to Dr. Whitaker's History of Southold, all the women of that generation are in unmarked graves. There are, however, some very early marked stones of Mary Youngs, Eliz. Youngs and Mary Pain; also a comparatively new stone is there dated 1658 in memory of Helena Underhill, wife of Capt. John Underhill. The epitaphs are not too numerous, and these are for the most part similar to many found in other old burying grounds in New England, with the exception of the table stones.</span>" if (document.layers) { var left_pos=".left="; var top_pos=".top="; var doc="document."; var stl=""; } if (document.all) { var left_pos=".pixelLeft="; var top_pos=".pixelTop="; var doc=""; var stl=".style"; } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; var xpos=new Array() for (i=0;i<=imgslices;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=imgslices;i++) { ypos[i]=-50 } function makeworm() { if (document.all && madeway<=500) { for (i=0; i<imgslices; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posTop+=(stepvorzeichen) vorzeichen=vorzeichen-1 } madeway=madeway+step var timer=setTimeout("makeworm()",20) } else { clearTimeout(timer) } } document.write('<body bgcolor=#FFFFFF>') for (i=0;i<=imgslices-1;i++) { document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>") document.write(message) document.write("</span>") clipleft+=width_slice clipright+=width_slice } // - End of JavaScript - --> </script> <DIV id=source style="position: absolute; top:240px; left:10px; width:560px; height:30px; text-align:center;font-size:9pt;font-family:Arial;font-weight:bold;background-color:000000;border:solid 5px FF0000"><a href="http://www.24fun.ch" target="_blank" style="color:FFFFFF" >Download more silly funscripts for free.</font></a></DIV> </body> </html>