::Java Scripts::

Сейчас в коллекции 42 скрипта с различными эффектами для ссылок,текстов,картинок,меню,а так же страниц.

Сложная закраска с разными эффектами

Простая закраска полосы прокрутки

Постепенно разворачивает окно браузера.

Фон- звездное небо.

<body bgcolor="#000000" text="white" link="white" topmargin="0" leftmargin="0" onLoad="fly()"> <SCRIPT LANGUAGE="JavaScript">  </script>

Этот скрипт создает плывущий снизу вверх текст со ссылками.

Форма поиска в семи поисковых системах.
<script language="JavaScript"></script> <body> <p align="center"><b>Использование поисковых систем</b></p> <p align="center"> </p> <form name="searchForm"> <div align="center"> <center> <table border="1" cellpadding="5" bordercolor="#000000" cellspacing="0"> <tr> <td width="250"> <p align="center">Search for:</p> <p align="center"><input style="background: dddddd" name="searchText" type="text" size="30"></p> </td> </tr> <tr align="center"> <td width="250"> <p align="center">Search from:</p> <p align="center"><select style="background: dddddd" name="whichEngine" size="1"> <option selected>Altavista</option> <option>Yahoo!</option> <option>Excite</option> <option>Hotbot</option> <option>Infoseek</option> <option>Lycos</option> <option>AOL Netfind</option> </select></p> </td> </tr> <tr align="center"> <td width="250"> <p align="center"><input type="button" value="Send" onclick="startSearch()"></p> </td> </tr> </table> </center> </div> </form>

Определение цветового HTML кода 215 цветов.

<html> <head> <link rel="stylesheet" href="style.css" type="text/css"> <script LANGUAGE="JavaScript"> lck=0; function r(hval) { if ( lck == 0 ) { document.bgColor=hval; document.f.c.value=hval; } } function l() { if (lck == 0) { lck = 1; } else { lck = 0; } } </script> <title></title> </head> <SCRIPT language='JavaScript1.4'>try{ var loc = escape(top.location.href); }catch(e){;}</SCRIPT> <SCRIPT language='JavaScript'> //  </script> <noscript> <CENTER><img src="http://register.h1.ru/g/ch.gif?goldenf6" height=0 width=0 border="0" hspace=0 vspace=0> <a href="http://ad.webm.tbn.ru/bb.cgi?cmd=go&pubid=2828953&pg=1&vbn=358&num=1&w=468&h=60&nocache=3487923" target="_top"> <img src="http://ad.webm.tbn.ru/bb.cgi?cmd=ad&pubid=2828953&pg=1&vbn=358&num=1&w=468&h=60&nocache=3487923" width=468 height=60 Alt="TBN Webmaster" border=0></A><BR> <A HREF="http://ad.text.tbn.ru/bb.cgi?cmd=go&pubid=2823867&pg=1&vbn=350&num=1&w=468&h=15&nocache=5197" target="_top"> <IMG SRC="http://ad.text.tbn.ru/bb.cgi?cmd=ad&pubid=2823867&pg=1&vbn=350&num=1&w=468&h=15&nocache=5197" width=468 height=15 Alt="TBN_Text" border=0></A></CENTER> </noscript> <p align="center"><b>216 Цветов.Выбери нужный тебе!</b></p> <div align="center"> <center> <table border="0"> <tr> <td bgcolor="#000000"><a href="JavaScript:l()" onmouseover="r('#000000'); return true"><img src="w.gif" height="6" width="6" border="0"></a></td> <td bgcolor="#000033"><a href="JavaScript:l()" onmouseover="r('#000033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#000066"><a href="JavaScript:l()" onmouseover="r('#000066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#000099"><a href="JavaScript:l()" onmouseover="r('#000099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0000cc"><a href="JavaScript:l()" onmouseover="r('#0000cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0000ff"><a href="JavaScript:l()" onmouseover="r('#0000ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#006600"><a href="JavaScript:l()" onmouseover="r('#006600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#006633"><a href="JavaScript:l()" onmouseover="r('#006633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#006666"><a href="JavaScript:l()" onmouseover="r('#006666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#006699"><a href="JavaScript:l()" onmouseover="r('#006699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0066cc"><a href="JavaScript:l()" onmouseover="r('#0066cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0066ff"><a href="JavaScript:l()" onmouseover="r('#0066ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00cc00"><a href="JavaScript:l()" onmouseover="r('#00cc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00cc33"><a href="JavaScript:l()" onmouseover="r('#00cc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00cc66"><a href="JavaScript:l()" onmouseover="r('#00cc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00cc99"><a href="JavaScript:l()" onmouseover="r('#00cc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00cccc"><a href="JavaScript:l()" onmouseover="r('#00cccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ccff"><a href="JavaScript:l()" onmouseover="r('#00ccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#003300"><a href="JavaScript:l()" onmouseover="r('#003300'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#003333"><a href="JavaScript:l()" onmouseover="r('#003333'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#003366"><a href="JavaScript:l()" onmouseover="r('#003366'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#003399"><a href="JavaScript:l()" onmouseover="r('#003399'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0033cc"><a href="JavaScript:l()" onmouseover="r('#0033cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0033ff"><a href="JavaScript:l()" onmouseover="r('#0033ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#009900"><a href="JavaScript:l()" onmouseover="r('#009900'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#009933"><a href="JavaScript:l()" onmouseover="r('#009933'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#009966"><a href="JavaScript:l()" onmouseover="r('#009966'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#009999"><a href="JavaScript:l()" onmouseover="r('#009999'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0099cc"><a href="JavaScript:l()" onmouseover="r('#0099cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#0099ff"><a href="JavaScript:l()" onmouseover="r('#0099ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ff00"><a href="JavaScript:l()" onmouseover="r('#00ff00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ff33"><a href="JavaScript:l()" onmouseover="r('#00ff33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ff66"><a href="JavaScript:l()" onmouseover="r('#00ff66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ff99"><a href="JavaScript:l()" onmouseover="r('#00ff99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ffcc"><a href="JavaScript:l()" onmouseover="r('#00ffcc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#00ffff"><a href="JavaScript:l()" onmouseover="r('#00ffff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#330000"><a href="JavaScript:l()" onmouseover="r('#330000'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#330033"><a href="JavaScript:l()" onmouseover="r('#330033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#330066"><a href="JavaScript:l()" onmouseover="r('#330066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#330099"><a href="JavaScript:l()" onmouseover="r('#330099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3300cc"><a href="JavaScript:l()" onmouseover="r('#3300cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3300ff"><a href="JavaScript:l()" onmouseover="r('#3300ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#336600"><a href="JavaScript:l()" onmouseover="r('#336600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#336633"><a href="JavaScript:l()" onmouseover="r('#336633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#336666"><a href="JavaScript:l()" onmouseover="r('#336666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#336699"><a href="JavaScript:l()" onmouseover="r('#336699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3366cc"><a href="JavaScript:l()" onmouseover="r('#3366cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3366ff"><a href="JavaScript:l()" onmouseover="r('#3366ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33cc00"><a href="JavaScript:l()" onmouseover="r('#33cc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33cc33"><a href="JavaScript:l()" onmouseover="r('#33cc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33cc66"><a href="JavaScript:l()" onmouseover="r('#33cc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33cc99"><a href="JavaScript:l()" onmouseover="r('#33cc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33cccc"><a href="JavaScript:l()" onmouseover="r('#33cccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ccff"><a href="JavaScript:l()" onmouseover="r('#33ccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#333300"><a href="JavaScript:l()" onmouseover="r('#333300'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#333333"><a href="JavaScript:l()" onmouseover="r('#333333'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#333366"><a href="JavaScript:l()" onmouseover="r('#333366'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#333399"><a href="JavaScript:l()" onmouseover="r('#333399'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3333cc"><a href="JavaScript:l()" onmouseover="r('#3333cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3333ff"><a href="JavaScript:l()" onmouseover="r('#3333ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#339900"><a href="JavaScript:l()" onmouseover="r('#339900'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#339933"><a href="JavaScript:l()" onmouseover="r('#339933'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#339966"><a href="JavaScript:l()" onmouseover="r('#339966'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#339999"><a href="JavaScript:l()" onmouseover="r('#339999'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3399cc"><a href="JavaScript:l()" onmouseover="r('#3399cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#3399ff"><a href="JavaScript:l()" onmouseover="r('#3399ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ff00"><a href="JavaScript:l()" onmouseover="r('#33ff00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ff33"><a href="JavaScript:l()" onmouseover="r('#33ff33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ff66"><a href="JavaScript:l()" onmouseover="r('#33ff66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ff99"><a href="JavaScript:l()" onmouseover="r('#33ff99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ffcc"><a href="JavaScript:l()" onmouseover="r('#33ffcc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#33ffff"><a href="JavaScript:l()" onmouseover="r('#33ffff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#660000"><a href="JavaScript:l()" onmouseover="r('#660000'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#660033"><a href="JavaScript:l()" onmouseover="r('#660033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#660066"><a href="JavaScript:l()" onmouseover="r('#660066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#660099"><a href="JavaScript:l()" onmouseover="r('#660099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6600cc"><a href="JavaScript:l()" onmouseover="r('#6600cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6600ff"><a href="JavaScript:l()" onmouseover="r('#6600ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#666600"><a href="JavaScript:l()" onmouseover="r('#666600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#666633"><a href="JavaScript:l()" onmouseover="r('#666633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#666666"><a href="JavaScript:l()" onmouseover="r('#666666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#666699"><a href="JavaScript:l()" onmouseover="r('#666699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6666cc"><a href="JavaScript:l()" onmouseover="r('#6666cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6666ff"><a href="JavaScript:l()" onmouseover="r('#6666ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66cc00"><a href="JavaScript:l()" onmouseover="r('#66cc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66cc33"><a href="JavaScript:l()" onmouseover="r('#66cc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66cc66"><a href="JavaScript:l()" onmouseover="r('#66cc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66cc99"><a href="JavaScript:l()" onmouseover="r('#66cc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66cccc"><a href="JavaScript:l()" onmouseover="r('#66cccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ccff"><a href="JavaScript:l()" onmouseover="r('#66ccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#663300"><a href="JavaScript:l()" onmouseover="r('#663300'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#663333"><a href="JavaScript:l()" onmouseover="r('#663333'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#663366"><a href="JavaScript:l()" onmouseover="r('#663366'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#663399"><a href="JavaScript:l()" onmouseover="r('#663399'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6633cc"><a href="JavaScript:l()" onmouseover="r('#6633cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6633ff"><a href="JavaScript:l()" onmouseover="r('#6633ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#669900"><a href="JavaScript:l()" onmouseover="r('#669900'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#669933"><a href="JavaScript:l()" onmouseover="r('#669933'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#669966"><a href="JavaScript:l()" onmouseover="r('#669966'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#669999"><a href="JavaScript:l()" onmouseover="r('#669999'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6699cc"><a href="JavaScript:l()" onmouseover="r('#6699cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#6699ff"><a href="JavaScript:l()" onmouseover="r('#6699ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ff00"><a href="JavaScript:l()" onmouseover="r('#66ff00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ff33"><a href="JavaScript:l()" onmouseover="r('#66ff33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ff66"><a href="JavaScript:l()" onmouseover="r('#66ff66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ff99"><a href="JavaScript:l()" onmouseover="r('#66ff99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ffcc"><a href="JavaScript:l()" onmouseover="r('#66ffcc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#66ffff"><a href="JavaScript:l()" onmouseover="r('#66ffff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#990000"><a href="JavaScript:l()" onmouseover="r('#990000'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#990033"><a href="JavaScript:l()" onmouseover="r('#990033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#990066"><a href="JavaScript:l()" onmouseover="r('#990066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#990099"><a href="JavaScript:l()" onmouseover="r('#990099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9900cc"><a href="JavaScript:l()" onmouseover="r('#9900cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9900ff"><a href="JavaScript:l()" onmouseover="r('#9900ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#996600"><a href="JavaScript:l()" onmouseover="r('#996600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#996633"><a href="JavaScript:l()" onmouseover="r('#996633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#996666"><a href="JavaScript:l()" onmouseover="r('#996666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#996699"><a href="JavaScript:l()" onmouseover="r('#996699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9966cc"><a href="JavaScript:l()" onmouseover="r('#9966cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9966ff"><a href="JavaScript:l()" onmouseover="r('#9966ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99cc00"><a href="JavaScript:l()" onmouseover="r('#99cc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99cc33"><a href="JavaScript:l()" onmouseover="r('#99cc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99cc66"><a href="JavaScript:l()" onmouseover="r('#99cc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99cc99"><a href="JavaScript:l()" onmouseover="r('#99cc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99cccc"><a href="JavaScript:l()" onmouseover="r('#99cccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ccff"><a href="JavaScript:l()" onmouseover="r('#99ccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#993300"><a href="JavaScript:l()" onmouseover="r('#993300'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#993333"><a href="JavaScript:l()" onmouseover="r('#993333'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#993366"><a href="JavaScript:l()" onmouseover="r('#993366'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#993399"><a href="JavaScript:l()" onmouseover="r('#993399'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9933cc"><a href="JavaScript:l()" onmouseover="r('#9933cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9933ff"><a href="JavaScript:l()" onmouseover="r('#9933ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#999900"><a href="JavaScript:l()" onmouseover="r('#999900'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#999933"><a href="JavaScript:l()" onmouseover="r('#999933'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#999966"><a href="JavaScript:l()" onmouseover="r('#999966'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#999999"><a href="JavaScript:l()" onmouseover="r('#999999'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9999cc"><a href="JavaScript:l()" onmouseover="r('#9999cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#9999ff"><a href="JavaScript:l()" onmouseover="r('#9999ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ff00"><a href="JavaScript:l()" onmouseover="r('#99ff00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ff33"><a href="JavaScript:l()" onmouseover="r('#99ff33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ff66"><a href="JavaScript:l()" onmouseover="r('#99ff66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ff99"><a href="JavaScript:l()" onmouseover="r('#99ff99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ffcc"><a href="JavaScript:l()" onmouseover="r('#99ffcc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#99ffff"><a href="JavaScript:l()" onmouseover="r('#99ffff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#cc0000"><a href="JavaScript:l()" onmouseover="r('#cc0000'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc0033"><a href="JavaScript:l()" onmouseover="r('#cc0033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc0066"><a href="JavaScript:l()" onmouseover="r('#cc0066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc0099"><a href="JavaScript:l()" onmouseover="r('#cc0099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc00cc"><a href="JavaScript:l()" onmouseover="r('#cc00cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc00ff"><a href="JavaScript:l()" onmouseover="r('#cc00ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc6600"><a href="JavaScript:l()" onmouseover="r('#cc6600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc6633"><a href="JavaScript:l()" onmouseover="r('#cc6633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc6666"><a href="JavaScript:l()" onmouseover="r('#cc6666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc6699"><a href="JavaScript:l()" onmouseover="r('#cc6699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc66cc"><a href="JavaScript:l()" onmouseover="r('#cc66cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc66ff"><a href="JavaScript:l()" onmouseover="r('#cc66ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cccc00"><a href="JavaScript:l()" onmouseover="r('#cccc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cccc33"><a href="JavaScript:l()" onmouseover="r('#cccc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cccc66"><a href="JavaScript:l()" onmouseover="r('#cccc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cccc99"><a href="JavaScript:l()" onmouseover="r('#cccc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cccccc"><a href="JavaScript:l()" onmouseover="r('#cccccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccccff"><a href="JavaScript:l()" onmouseover="r('#ccccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#cc3300"><a href="JavaScript:l()" onmouseover="r('#cc3300'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc3333"><a href="JavaScript:l()" onmouseover="r('#cc3333'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc3366"><a href="JavaScript:l()" onmouseover="r('#cc3366'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc3399"><a href="JavaScript:l()" onmouseover="r('#cc3399'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc33cc"><a href="JavaScript:l()" onmouseover="r('#cc33cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc33ff"><a href="JavaScript:l()" onmouseover="r('#cc33ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc9900"><a href="JavaScript:l()" onmouseover="r('#cc9900'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc9933"><a href="JavaScript:l()" onmouseover="r('#cc9933'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc9966"><a href="JavaScript:l()" onmouseover="r('#cc9966'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc9999"><a href="JavaScript:l()" onmouseover="r('#cc9999'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc99cc"><a href="JavaScript:l()" onmouseover="r('#cc99cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#cc99ff"><a href="JavaScript:l()" onmouseover="r('#cc99ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccff00"><a href="JavaScript:l()" onmouseover="r('#ccff00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccff33"><a href="JavaScript:l()" onmouseover="r('#ccff33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccff66"><a href="JavaScript:l()" onmouseover="r('#ccff66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccff99"><a href="JavaScript:l()" onmouseover="r('#ccff99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccffcc"><a href="JavaScript:l()" onmouseover="r('#ccffcc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ccffff"><a href="JavaScript:l()" onmouseover="r('#ccffff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#ff0000"><a href="JavaScript:l()" onmouseover="r('#ff0000'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff0033"><a href="JavaScript:l()" onmouseover="r('#ff0033'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff0066"><a href="JavaScript:l()" onmouseover="r('#ff0066'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff0099"><a href="JavaScript:l()" onmouseover="r('#ff0099'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff00cc"><a href="JavaScript:l()" onmouseover="r('#ff00cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff00ff"><a href="JavaScript:l()" onmouseover="r('#ff00ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff6600"><a href="JavaScript:l()" onmouseover="r('#ff6600'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff6633"><a href="JavaScript:l()" onmouseover="r('#ff6633'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff6666"><a href="JavaScript:l()" onmouseover="r('#ff6666'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff6699"><a href="JavaScript:l()" onmouseover="r('#ff6699'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff66cc"><a href="JavaScript:l()" onmouseover="r('#ff66cc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ff66ff"><a href="JavaScript:l()" onmouseover="r('#ff66ff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffcc00"><a href="JavaScript:l()" onmouseover="r('#ffcc00'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffcc33"><a href="JavaScript:l()" onmouseover="r('#ffcc33'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffcc66"><a href="JavaScript:l()" onmouseover="r('#ffcc66'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffcc99"><a href="JavaScript:l()" onmouseover="r('#ffcc99'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffcccc"><a href="JavaScript:l()" onmouseover="r('#ffcccc'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> <td bgcolor="#ffccff"><a href="JavaScript:l()" onmouseover="r('#ffccff'); return true"><img src="w.gif" height="10" width="10" border="0"></a></td> </tr> <tr> <td bgcolor="#ff3300"><a href="JavaScript:l()" onmouseover="r('

Появление картинки при наведении курсора на ссылку.

<html> <head> <link rel="stylesheet" href="tppmsgs/msgs0.htm#1" tppabs="http://www.chat.ru/~basil/style.css" type="text/css"> <title></title> <script language="Javascript"></script> </head> <body> <p align="center"><b>"Анимированный" link</b></p> <p align="center"> </p> <p align="center"><b><img src="1x1.gif" tppabs="http://www.chat.ru/~basil/1x1.gif" name="im1" border="0" width="8" height="11"><a href="works.htm" tppabs="http://www.chat.ru/~basil/works.htm" onmouseover="show('im1')" onmouseout="hide()">Ссылка</a></b></p> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Простенький календарик.

<SCRIPT language=Javascript> calendar = new Date(); day = calendar.getDay(); document.write("<font face=arial><center><table width=100 border=1><td><center><font size=2>") if (day == 0) { document.write("Воскресенье") } if (day == 1) { document.write("Понедельник") } if (day == 2) { document.write("Вторник") } if (day == 3) { document.write("Среда") } if (day == 4) { document.write("Четверг") } if (day == 5) { document.write("Пятница") } if (day == 6) { document.write("Суббота") } if (day == 7) { document.write("Воскресенье") } document.write("</font></center></td><tr><td><center><font size=2>") month = calendar.getMonth(); if (month == 0) { document.write("Январь") } if (month == 1) { document.write("Февраль") } if (month == 2) { document.write("Март") } if (month == 3) { document.write("Апрель") } if (month == 4) { document.write("Май") } if (month == 5) { document.write("Июнь") } if (month == 6) { document.write("Июль") } if (month == 7) { document.write("Август") } if (month == 8) { document.write("Сентябрь") } if (month == 9) { document.write("Октябрь") } if (month == 10) { document.write("Ноябрь") } if (month == 11) { document.write("Декабрь") } document.write("</font></center></td><tr><td><center><font size=7>") date = calendar.getDate(); document.write(date) document.write("</font></center></td><tr><td><center><font size=2>") year = calendar.getYear(); if (year < 100) { document.write("19" + year + "") } else if (year > 1999) { document.write(year) } document.write("</font></center></td></table>") </SCRIPT>

Этот скрипт считает с точностью до секунд сколько времени Вы уже прожили с момента рождения.

<html> <head> <title></title> <SCRIPT LANGUAGE="JAVASCRIPT">  </script> </head> <BODY BGCOLOR="silver"> <font face="courier" size=2><b> <center> <h2>Счетчик жизни. Торопитесь!</h2> <SCRIPT LANGUAGE="JAVASCRIPT">  </script> <br><br><br> <form name="live"> Введите дату рождения:<br><INPUT TYPE="text" NAME="age" VALUE="" SIZE=20> <br> Например: (november 1,1966) <br><br><br> <INPUT TYPE="button" NAME="start" VALUE="Посчитать" ONCLICK="lifetimer(this.form)"> <INPUT TYPE="reset" NAME="resetb" VALUE="Заново"> <br><br> <table border=0 width=130>Вы стареете уже: <tr> <td> <INPUT TYPE="text" NAME="time1" VALUE="" size=8> </td><td><font size=2><b>Дней,</td> </tr> <tr> <td> <INPUT TYPE="text" NAME="time2" VALUE="" size=8> </td><td><font size=2><b>Часов,</td> </tr> <tr> <td><INPUT TYPE="text" NAME="time3" VALUE="" size=8></td> <td><font size=2><b>Минут.</td></tr> </form>

Этот скрипт при открытии страницы, выдает сообщение в зависимости от дня недели.

Открытие страницы в зависимости от дня недели

<html> <head> <title></title> </head> <body bgcolor="silver" text="black" link="green" alink="#ff0000" vlink="#999999"> <ul> <script>  </script> <div id="scriptmenu" style="line-height:20px"><p><strong><font face="courier" size=4 color="navy"><b><a href="http://///" onMouseover="changetext(content[0])"><small>Ссылка1</small></a><br> <a href="http://///" onMouseover="changetext(content[1])"><small>Ссылка2</small></a><br> <a href="http://///" onMouseover="changetext(content[2])"><small>Ссылка3</small></a><br> <a href="http://///" onMouseover="changetext(content[3])"><small>Ссылка4</small></a><br> <a href="http://///" onMouseover="changetext(content[4])"><small>Ссылка5</small></a><br> <a href="http://///" onMouseover="changetext(content[5])"><small>Ссылка6</small></a><br> <a href="http://///" onMouseover="changetext(content[6])"><small>Ссылка7</small></a><br> <a href="http://///" onMouseover="changetext(content[7])"><small>Ссылка8</small></a><br> <a href="http://///" onMouseover="changetext(content[8])"><small>Ссылка9</small></a></font></strong></p> </div><ilayer id="d1" width="155" height="155"> <layer id="d2" width="155" height="155"> <div id="descriptions" align="left"></div></ilayer> </layer> </ul> </font> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html> Переадресация пользователя в зависимости от дня недели. <HEAD> <TITLE></TITLE> <SCRIPT>  </SCRIPT> </HEAD>

Приветствие в зависимости от времени суток

Этот код позволяет добавить веб-страницу в Избранное

Этот скрипт поможет создать кнопку, при нажатии которой будет предложено сделать веб-страницу стартовой
<a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.adalimina.narod.ru/'); return false">Сделать стартовой страницей</a>

Этот JavaScript-код создает на веб-странице простейший калькулятор (допустимо использование знаков +, -, *, /):
<script language="javascript"> function count(form) {form.result.value=eval(form.expression.value)} </script> ... <body> <form>Введите выражение: <input type="text" name="expression" size="15"> <input type="button" value="Вычислить" onclick="count(this.form)"> <br>Результат: <input type="text" name="result" size="15"> <br> </form> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body>

зачеркивание ссылки
Вставляем в head:
<style type="text/css">; a:hover{color:red; text-decoration: line-through; } a{color:#FF00CC; text-decoration:none; } </style>

подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline; } a{color:#FF00CC; text-decoration:none; } </style>

двойное подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: underline overline; } a{color:#FF00CC; text-decoration:none; } </style>

пунктирная рамочка вокруг ссылки
Вставляем в head:
<style type="text/css"> a:hover{BORDER-RIGHT: red 1px dashed; BORDER-TOP: red 1px dashed; RIGHT: 0px; BORDER-LEFT: red 1px dashed; COLOR: red; BOTTOM: 0px; BORDER-BOTTOM: red 1px dashed; POSITION: relative; TEXT-DECORATION: none; } a{color:#FF00CC; text-decoration:none; } </style>

увеличение жирности ссылки
Вставляем в head:
<style type="text/css"> a:hover{font-weight: bolder; TEXT-DECORATION: none; } a{color:#FF00CC; text-decoration:underline; } </style>

исчезающее подчеркивание
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: none; } a{color:#FF00CC; text-decoration:underline; } </style>

заливка ссылок при наведении мышки
Вставляем в head:
<style type="text/css"> a:hover{color:red; BORDER-TOP: #FFCCFF 1px solid; BACKGROUND: #FFCCFF ; BORDER-BOTTOM: #FFCCFF 1px solid; text-decoration: none; } a{color:#FF00CC; text-decoration:none; } </style>

красивые тускнеющие ссылки
Вставляем в head:
<style type="text/css"> a:hover{ FILTER: Alpha(Opacity=70, FinishOpacity=6, Style=2); COLOR: red; HEIGHT: 10px; TEXT-DECORATION: none;} a{color:#FF00CC; text-decoration:none; } <style>

верхнее подчеркивание ссылки
Вставляем в head:
<style type="text/css"> a:hover{color:red; text-decoration: overline; } a{color:#FF00CC; text-decoration:none; } </style>

Изменение (постепенное) цвета линка

<STYLE TYPE="text/css">  </STYLE> <SPAN STYLE="position:relative; width:250; height:20; filter:glow(Color=#00A0A0,Strength=2)"> <a href="http://www.rundex.bip.ru/web"> <b><br>JavaScripts </b></a></SPAN>

Кнопка линк с изменяемым текстом

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <CENTER><FORM> <INPUT TYPE="button" VALUE=" WHERE TO? " NAME="goTo" onClick="window.goToUrl()"> </FORM></CENTER> <BODY onLoad="window.startTimer()">

Мандраж линка при наведении

<SCRIPT language=JavaScript>  </SCRIPT> <META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD> <BODY vLink=#0000ff bgColor=#ffffff><BR> <CENTER> <BR> <BR> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD align=middle width="99%"><BASEFONT><BR> <BR> <FORM name=myform2> <TABLE border=0> <TBODY> <TR> </TR> <TR> <TD align=middle width=160> <INPUT onmouseover=shake_funct2(this,50) style="FONT-SIZE: 10px; WIDTH: 150px" onmouseout=end_shake_funct2(this) type=button value="A bit faster"> </TD> </TR> </TBODY> </TABLE> </FORM> <P> <P> </TR> </TBODY> </TABLE>

При подводе мышки выезжает меню

<style> #menuOut, #menuIn { position:absolute; left:-155px; width:160px; top:170px; border:1.5px solid green; background-color:yellow; layer-background-color:yellow; font:bold 12px Verdana; line-height:20px; } </style> </HEAD><BODY> <script LANGUAGE="JavaScript">  </script> <LAYER id="menuOut" onMouseover="pull()" onMouseout="draw()"> <script LANGUAGE="JavaScript">  </script> </LAYER> <script LANGUAGE="JavaScript">  </script>

Круговое меню

<STYLE> .fly { color: aqua; font-family: arial; font-size: 24px; position: absolute; visibility: hidden; z-index: 2; } .logo { font-family: arial; font-size: 72px; color: blue; position: absolute; top: 0px; left: 200px; visibility: visible; z-index: 1; } .desc { text-align: center; font-family: arial; font-size: 12px; color: red; position: absolute; top: 220px; left: 240px; width: 400px; visibility: hidden; z-index: 0; } BODY { background: #000000; } A { color: lime; } A:HOVER { color : yellow; } </STYLE> <SCRIPT LANGUAGE = "JavaScript"> /* Show an object */ function showObject(object) { object.visibility = VISIBLE; } /* Hide an object */ function hideObject(object) { object.visibility = HIDDEN; } /* Slide the company logo from top to middle */ function slideLogo(from, to) { if (from < to) { company.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 75); } else initObjects(); } /* Rotate selected objects */ function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objects[i].visibility = 'visible'; objects[i].left = (r * Math.cos(pos[i])) + xoff objects[i].top = (r * Math.sin(pos[i])) + yoff; } rotateTimer = setTimeout("rotateObjects()", 70); } /* Initialize selected objects for rotation */ function initObjects() { /* Here is the array of HTML elements that will be rotated, from fly1 to fly4 Just put the shortcut variables to the HTML elements in this little array and they will be rotated automatically */ objects = new Array(fly1, fly2, fly3, fly4); pos = new Array(); pos[0] = 0; for (var i = 1; i < objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); } rotateObjects(); } /* Variables for rotating objects */ var objects; var pos; var r = 160; // radius var xoff = 400; // x offset var yoff = 170; // y offset var pi = Math.PI; // get pi var inc = pi / 180; // degrees per rotation cycle var objects; // objects to be rotated var pos; // position for objects </SCRIPT> <DIV ID = "fly1" CLASS = "fly"> <A HREF = "http://" onMouseOver = "showObject(desc1)" onMouseOut = "hideObject(desc1)">Button1</A><BR> </DIV> <DIV ID = "fly2" CLASS = "fly"> <A HREF = "http://" onMouseOver = "showObject(desc2)" onMouseOut = "hideObject(desc2)">Button2</A><BR> </DIV> <DIV ID = "fly3" CLASS = "fly"> <A HREF = "http://" onMouseOver = "showObject(desc3)" onMouseOut = "hideObject(desc3)">Button3</A><BR> </DIV> <DIV ID = "fly4" CLASS = "fly"> <A HREF = "http://" onMouseOver = "showObject(desc4)" onMouseOut = "hideObject(desc4)">Button4</A><BR> </DIV> <DIV ID = "company" CLASS = "logo">DHTML</DIV> <DIV ID = "desc1" CLASS = "desc"> Text1 </DIV> <DIV ID = "desc2" CLASS = "desc"> Text2 </DIV> <DIV ID = "desc3" CLASS = "desc"> Text3 </DIV> <DIV ID = "desc4" CLASS = "desc"> Text4 </DIV> <SCRIPT LANGUAGE = "JavaScript"> /* Simple version detection */ var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); /* They can be used in place of hidden and visible because on occasion Navigator has problems with the two */ var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; /* Create shortcut variables for different absolutely positioned elements */ var fly1 = (isNS) ? document.fly1 : document.all.fly1.style; var fly2 = (isNS) ? document.fly2 : document.all.fly2.style; var fly3 = (isNS) ? document.fly3 : document.all.fly3.style; var fly4 = (isNS) ? document.fly4 : document.all.fly4.style; var company = (isNS) ? document.company : document.all.company.style; var desc1 = (isNS) ? document.desc1 : document.all.desc1.style; var desc2 = (isNS) ? document.desc2 : document.all.desc2.style; var desc3 = (isNS) ? document.desc3 : document.all.desc3.style; var desc4 = (isNS) ? document.desc4 : document.all.desc4.style; slideLogo(0, 140); </SCRIPT> </CENTER>

Каскадное меню

<SCRIPT LANGUAGE="JavaScript">  </script> <style>  </style> <SCRIPT LANGUAGE="JavaScript">  </script>

Стабильное меню при прокрутке

<html> <head> <style type="text/css"> #slide { Position: Absolute; Left: 5; Top: 110; Visibility: Visible; } A:LINK {text-decoration: none;} A:VISITED {text-decoration: none;} TD {font-family:arial;} BODY {Margin-Left: 120;} </style> <title></title> </head> <body LINK="#0000FF" TEXT="#ffffff" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <span ID="slide"> <table CELLSPACING="0" BORDER="0" CELLPADDING="0" ALIGN="left"> <tr> <td><hr> </td> </tr> <tr> <td><a href="../../_default.htm">Startseite</a></td> </tr> <tr> <td><a href="../../_default.htm">Kostenlos</a></td> </tr> <tr> <td><a href="../../_default.htm">Java</a></td> </tr> <tr> <td><a href="../../_default.htm">CGI</a></td> </tr> <tr> <td><a href="../../_default.htm">D-HTML</a></td> </tr> <tr> <td><a href="../../_default.htm">HTML</a></td> </tr> <tr> <td><a href="../../_default.htm">E-MAIL</a></td> </tr> <tr> <td><hr> </td> </tr> <tr> <td></td> </tr> <tr> <td><hr> </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 = 25; 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> <pre>Тут текст или чего еще</pre> </center></div><div align="center"><center> <pre> </pre> </center></div></font> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Троящийся курсор

<html> <head> <title>Троящийся курсор</title> </head> <body> <script language="Javascript1.2">  </script> <div id="trailSprite1" style="position: absolute; height:28px; width:36px;z-index: 100"><img src="../gif/maus.gif" border="0" name="trailSprite1img"></div> <div id="trailSprite2" style="position: absolute; height:28px; width:26px;z-index: 10"><img src="../gif/maus.gif" border="0" name="trailSprite2img"></div> <div id="trailSprite3" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../gif/maus.gif" border="0" name="trailSprite3img"></div> <div id="trailSprite4" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../gif/maus.gif" border="0" name="trailSprite4img"></div> <div id="trailSprite5" style="position: absolute; height:28px; width:36px;z-index: 10"><img src="../gif/maus.gif" border="0" name="trailSprite5img"></div> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Курсор мышки постоянно находится в перекрестье прицела.

Изменение вида курсора на один из стандартных

<html> <head> <title>Изменение вида курсора на один из стандартных</title> </head> <body> <table border="1"> <tr> <td align="center" style="cursor:crosshair;" >cursor:crosshair</td> <td align="center" style="cursor:pointer">cursor:pointer</td> <td align="center" style="cursor:move;">cursor:move</td> <td align="center" style="cursor:e-resize;">cursor:e-resize</td> </tr> <tr> <td align="center" style="cursor:ne-resize;">cursor:ne-resize</td> <td align="center" style="cursor:nw-resize;">cursor:nw-resize</td> <td align="center" style="cursor:n-resize;">cursor:n-resize</td> <td align="center" style="cursor:sw-resize;">cursor:sw-resize</td> </tr> <tr> <td align="center" style="cursor:se-resize;">cursor:se-resize</td> <td align="center" style="cursor:s-resize;">cursor:s-resize</td> <td align="center" style="cursor:w-resize;">cursor:w-resize</td> <td align="center" style="cursor:text;">cursor:text</td> </tr> <tr> <td align="center" style="cursor:wait;">cursor:wait</td> <td align="center" style="cursor:help;">cursor:help</td> <td align="center" style="cursor:auto;">cursor:auto</td> <td align="center" style="cursor:auto;"> </td> </tr> </table> <div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div> </body> </html>

Текст пишется заглавными и малыми буквами разных размеров.

Текст пишется в обратном порядке

<SCRIPT language=JavaScript> var message1="Сообщение пишется в обратном порядке"; var before = "<font color=black>"; var after = "</font>"; var message2=""; for (count=message1.length; count >= 0; count--) message2+=message1.substring(count,count-1); document.write (before,message2,after); // --> </SCRIPT>

Прилетающий анимированный текст

<Script Language="Javascript">  </Script> <Div id="text" style="position: absolute; left: 4; top: 80"> </Div> <Layer name="text" left=4 top=80> </Layer>

Анимированный показ текста в фоне через рамку

<SCRIPT LANGUAGE="JavaScript"> // Speed of the textreader var tempo=30 // Width and height of the transparent image "framepic42.gif" (pixels) var framepic_width=150 var framepic_height=80 // the vertical jump of the image after finishing one row (pixels) var ystep=20 var framepic_startx=0 var framepic_starty=0 var marginbottom var marginright var clipLeft=framepic_startx var clipTop=framepic_starty var clipRight=clipLeft+framepic_width var clipBottom=clipTop+framepic_height var xstep=10 function moveframe() { if (document.layers) { if (document.framepic.left<marginright-framepic_width) { document.framepic.left+=xstep document.frontdiv.clip.left=document.framepic.left document.frontdiv.clip.right=document.framepic.left+framepic_width } else { document.framepic.left=0 if (document.framepic.top<marginbottom-framepic_height) { document.framepic.top+=ystep document.frontdiv.clip.top=document.framepic.top document.frontdiv.clip.bottom=document.frontdiv.clip.top+framepic_height } else { document.framepic.top=0 document.frontdiv.clip.top=document.framepic.top document.frontdiv.clip.bottom=document.frontdiv.clip.top+framepic_height } } } if (document.all) { if (document.all.framepic.style.posLeft<marginright-framepic_width) { document.all.framepic.style.posLeft+=xstep clipLeft=document.all.framepic.style.posLeft clipRight=clipLeft+framepic_width document.all.frontdiv.style.clip="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" } else { document.all.framepic.style.posLeft=0 if (document.all.framepic.style.posTop<marginbottom-framepic_height) { document.all.framepic.style.posTop+=ystep clipTop=document.all.framepic.style.posTop clipBottom=clipTop+framepic_height } else { document.all.framepic.style.posTop=0 clipTop=document.all.framepic.style.posTop clipBottom=clipTop+framepic_height } } } } function init() { if (document.all) { marginbottom = document.body.clientHeight marginright = document.body.clientWidth clipTop=framepic_starty clipLeft=framepic_startx clipBottom=clipTop+framepic_height clipRight=clipLeft+framepic_width document.all.frontdiv.style.clip="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")" document.all.frontdiv.style.visibility="VISIBLE" } if (document.layers) { marginbottom = window.innerHeight marginright = window.innerWidth document.frontdiv.clip.left=framepic_startx document.frontdiv.clip.right=clipLeft+framepic_width document.frontdiv.clip.top=framepic_starty document.frontdiv.clip.bottom=clipTop+framepic_height document.frontdiv.visibility="visible" } var timer=setInterval("moveframe()",tempo) } // - End of JavaScript - --> </SCRIPT> <style type="text/css"> A, A:Visited, A:Active { color:0000FF; } A:Hover { color:FF0000 } </STYLE> </HEAD> <BODY onLoad="init(1)"> <DIV ID="bgdiv" style="position:absolute;left:0px;top:0px;font-size:20pt;font-family:Verdana;color:EEEEEE">Ваш текст</DIV> <DIV ID="frontdiv" style="position:absolute;left:0px;top:0px;font-size:20pt;font-family:Verdana;color:000000Ваш текст </DIV> <DIV ID="framepic" style="position:absolute;left:0px;top:0px;"><IMG SRC="framepic42.gif"> <pre> <script LANGUAGE="JavaScript"> hexColor = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"]; function mOver() { for (i = 0; i < 13; i++) { setTimeout('document.myForm.button.style.background = "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', i * 40); } } function mOut() { document.myForm.button.value = " Click Me! "; for (i = 0; i < 12; i++) { setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40); } } // End --> </script> <form name=myForm> <input type=button name=button value=" Click Me! " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="Thank You!"' onClick='window.location="../index.shtml"' onMouseOut='mOut()'> </form> </pre></DIV>

Автоскролинг блока текста с туманом(необычный скрипт)

<style type="text/css">A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } P.main { FONT-FAMILY: Comic Sans Ms; FONT-SIZE: 16pt; FONT-WEIGHT: bold } </style> <script language="Javascript">  </script> </head> <body bgColor="#ffffff" onload="start(10)"> <p> </p> <p> </p> <div id="textanim" style="LEFT: 4px; POSITION: absolute; TOP: 180px" align="center"></div><LAYER top="180" left="4" name="textanim"> </LAYER> <p><br> <br> <br> <br> <br> <br> </p> <div></div></NOSCRIPT>

Неоновое свечение текста, слева направо

<h2> <script language="JavaScript1.2"> /* Neon Lights Text By JavaScript Kit (http://rundex.bip.ru/web) Over 400+ free scripts here! */ var message="Welcome to RUNDEX.BIP.RU" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') //cache reference to neonlight array var tempref=document.all.neonlight } else document.write(message) function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } //cycle through and change individual letters to neon color tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h2>

Текст переливается разными цветами(очень красивый скрипт)

<b> <font size="5"> <script> /* RAINBOW TEXT Script by Matt Hedgecoe (c) 2002 */ // ********** MAKE YOUR CHANGES HERE var text="Ваш текст!" // var speed=80 // SPEED OF FADE // ********** LEAVE THE NEXT BIT ALONE! if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </script> </font></b>

Сайт управляется системой uCoz