Персональный сайт

Скрипт создающий движение фона вниз:

Кнопка для печати страницы:

Красивый, на мой взгляд скрипт дождя:

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

Скрипт делает рисунки полупрозрачными,
но при наведении курсора, возвращает "нормальное" изображение".

/* 
Gradual-Highlight Image Script II- 
By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) 
Permission granted to Dynamicdrive.com to feature script in archive 
For full source to script, visit http://javascript.com 
*/

nereidFadeObjects = new Object(); 
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name); 
* destop - destination transparency level (ie 80, for mostly solid) 
* rate - time in milliseconds between trasparency changes (best under 100) 
* delta - amount of change each time (ie 5, for 5% change in transparency) 
*/

function nereidFade(object, destOp, rate, delta){ 
if (!document.all) 
return 
if (object != "[object]"){ //do this so I can take a string too 
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); 
return; 
}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity; 
direction = 1; 
if (object.filters.alpha.opacity > destOp){ 
direction = -1; 
} 
delta=Math.min(direction*diff,delta); 
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){ 
nereidFadeObjects[object.sourceIndex]=object; 
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); 
} 
}

</SCRIPT>

Создает эффект цветных, летящих метеоритов на фоне.

<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" topmargin="0" leftmargin="0">
<script language="JavaScript">

</script>

Эффект летящих звезд:

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

Красивый салют бьет на вашем фоне:

<strong><script
 language="JavaScript">
ns=(document.layers)?1:0;
amount=20;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
}
else{
document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i=0; i < amount; i++)
document.write("<div id='iestars' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff; font-size:1'></div>");
document.write("</div></div>");
}
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF')
Xpos=300; 
Ypos=150;
initialStarColor='00ff00';
step=5;
currStep=0;
explosionSize=150;
function Fireworks(){
var WinHeight=(document.layers)?window.innerHeight-100:window.document.body.clientHeight-100; 
var WinWidth=(document.layers)?window.innerWidth-100:window.document.body.clientWidth-100; 
var Yscroll=(document.layers)?window.pageYOffset:document.body.scrollTop; 
for (i=0; i < amount; i++){
var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style; 
var randCol=Math.round(Math.random()*8);
var randSz=Math.round(Math.random()*2);
layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)
layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)
if (currStep < 110){
 if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}
 else{layer.background=initialStarColor; layer.width=1;layer.height=1;layer.fontSize=1}
 }
else{
 if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}
 else{layer.background=Clrs[randCol]; layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}
 }
}
if (currStep > 220) 
{
 currStep=0;
 Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;
 Xpos = 50+Math.round(Math.random()*WinWidth);
 for (i=0; i < sClrs.length; i++)
 {
 var newIcol=Math.round(Math.random()*i);
 }
initialStarColor=sClrs[newIcol];
explosionSize=Math.round(80*Math.random()+100);
}
currStep+=step;
setTimeout("Fireworks()",20);
}
Fireworks();
// -->
</script></strong>

Вокруг курсора вращается красивый мигающий круг.
Вместе со скриптом выше получается очень красивый эффект!

<SCRIPT LANGUAGE="JavaScript">

</script>
</head>
<body bgcolor="#000000" text="#FFFFFF">

Мигающие ссылки:

Стиль позволяет изменить цвет
полосы прокрутки:

Курсор находится на пересечении двух линий.

position: absolute;
 left: 0;
 top: 0;
 width: 1px;
 height: 1px;
 layer-background-color: #FF0000;
 background-color: #FF0000;
 z-index: 100;
 font-size: 1px;
}

-->
</style>
<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> 
<div id="topdown" style="height:expression(document.body.clientHeight-2)">< /div>

if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}

function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX< document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}

function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}

if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all& &!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2

//-->
</script>

Скрипт приветствия:

Этому сайту уже n-ый день
(скрипт отсчитывает время от даты указанной в нем):

Число, месяц, год:

<html>

<head>

<title>::Меню::</title>
<style type="text/css">
a { font-family: Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
a:hover { color: white; text-decoration: none; font-weight:bold; background-color:silver;}
#box {position:absolute;visibility:hidden;layer-background-color:silver }
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: white; background-color:black; text-decoration: none }
#mnubar { font-family: Verdana, Arial; font-size:10pt; color: white; font-weight:bold; text-decoration: none }
</style>

function openIt(x) {
if(ns) {
 showbox= document.layers[x+1]
 showbox.visibility = "show"
 showbox.top=44
 var items = 5
 for (i=1; i<=items; i++) {
 elopen=document.layers[i]
 if (i != (x + 1)) {
 elopen.visibility = "hide" }
 }
 }

if(ie) {
 curEl = event.toElement
 curEl.style.background = "silver"

showBox = document.all.box[x];
 showBox.style.visibility = "visible";
 showBox.style.top = 40;

var items = 5
 for (i=0; i<items; i++) {
 elOpen=document.all.box[i]
 barEl=document.all.mnubar[i]
 if (i != x){
 elOpen.style.visibility = "hidden"
 barEl.style.background = "#000000"
 }
 }
 }
}

function closeIt() {
 var items = 5
 for (i=0; i<items; i++) {
 if(ie){
 document.all.box[i].style.visibility = "hidden"
 barEl=document.all.mnubar[i]
 barEl.style.background = "#000000"
 }
 if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</script>

</head>

</tr>
 </table>
<br><br>

</layer>
</div>

<div id=box style=left:0>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm'>Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm'>Ссылка 2</a></td></tr>
 </table>
 </div>

<div id=box style=left:80>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm'>Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 </table>
 </div>

<div id=box style=left:160>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 4</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 5</a></td></tr>
</table>
 </div>

<div id=box style=left:240>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 4</a></td></tr>
 </table>
 </div>

<div id=box style=left:320>
 <table border="0" id=blackbox width="80">
 <tr><td><a href='index.htm' >Ссылка 1</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 2</a></td></tr>
 <tr><td><a href='index.htm' >Ссылка 3</a></td></tr>
 </table>
 </div>
<p></p>
<p></p>
<p></p>
<p></p>
<P><FONT size=1>
<SCRIPT
language=JavaScript>
 </SCRIPT>
</FONT></P>
</body>
</html>