Осветление картинки
<img src="http://fantasyflash.ru/grafic/ava_cat/image/cat16.jpg" style="filter:alpha(opacity=100)" onmouseover="nereidFade(this,40,60,10)" onmouseout="nereidFade(this,100,60,30)" border="0"> <script> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return;//osw } 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;//fantasyflash.ru nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } }</script>
Смена картинок
<script language="JavaScript"> if (document.images) { img1on = new Image(); img1on.src ="http://fantasyflash.ru/grafic/ava_cat/image/cat14.jpg"; img1off = new Image(); img1off.src = "http://fantasyflash.ru/grafic/ava_cat/image/cat15.jpg"; } function imgOn(imgName) { if (document.images) { document[imgName].src = eval(imgName + "on.src"); }}//osw function imgOff(imgName) { if (document.images) { document[imgName].src = eval(imgName + "off.src"); }} </script> <a href="http://fantasyflash.ru" onmouseover="imgOn('img1')"; onmouseout="imgOff('img1')" > <img src="http://fantasyflash.ru/grafic/ava_cat/image/cat15.jpg" border="0" name=img1></a> </center>
Загорающиеся ссылки
<STYLE TYPE="text/css"> A:hover {filter: glow(color=#9966CC, strength=3); color:pink; height: 10px; TEXT-DECORATION: none } </style> сложная полоса прокрутки <style>BODY {SCROLLBAR-FACE-COLOR: #FFCCFF; SCROLLBAR-HIGHLIGHT-COLOR: red; SCROLLBAR-SHADOW-COLOR: #adadad; SCROLLBAR-3DLIGHT-COLOR: #adadad; SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000; }</style>
Часики
<html> <head> <title>Время.</title> <script language="JavaScript"> <!-- ndata = new Date(); hours = ndata.getHours(); mins = ndata.getMinutes(); secs = ndata.getSeconds(); if (hours < 10) {hours = "0" + hours } if (mins < 10) {mins = "0" + mins } if (secs < 10) {secs = "0" + secs } datastr = ( hours + ":" + mins + ":"+secs ) --> </script> </head> <body text="#800000" link="#8000FF" alink="#DC5912" vlink="#9B4E00"> <font face="Arial" size="3" color="#b00000"> <script language="JavaScript"> <!-- document.write(datastr); --> </script> </font> <!-- copyright (t1) --><div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div><!-- /copyright --> </body> </html>
Игра Крестики-Нолики
<P align=center><BR> <SCRIPT language=JavaScript><!-- <!-- step = 0; diff=3; // change board when button is clicked function clear_all(form) { step = 0; for (i=0;i<9; ++i) { position="a"+i; form[position].value=""; } } // change board when button is clicked function clickit(field) { if (step == -1) {alert("Reset to play again"); return;} position=field.name.substring(1,2,1); position = "a"+position; if (field.form[position].value !="") {alert("Can"t go there"); return;} field.form[position].value="X"; if (eval_pos(field.form)) { field.form.output.value="You Win!"; step = -1; return; } position=get_move(field.form); field.form.output.value="I moved to " + position.substring(1,2,1); if (position=="") { field.form.output.value="No Winner."; step = -1; return; } field.form[position].value="O"; if (eval_pos(field.form)) { field.form.output.value="You Lose!"; step = -1; } } // see if there is a winner function eval_pos(form) { if ((form.a0.value!="" && form.a0.value==form.a3.value && form.a0.value==form.a6.value)|| (form.a0.value!="" && form.a0.value==form.a1.value && form.a0.value==form.a2.value) || (form.a0.value!="" && form.a0.value==form.a4.value && form.a0.value==form.a8.value) || (form.a1.value!="" && form.a1.value==form.a4.value && form.a1.value==form.a7.value) || (form.a2.value!="" && form.a2.value==form.a5.value && form.a2.value==form.a8.value) || (form.a2.value!="" && form.a2.value==form.a4.value && form.a2.value==form.a6.value) || (form.a3.value!="" && form.a3.value==form.a4.value && form.a3.value==form.a5.value) || (form.a6.value!="" && form.a6.value==form.a7.value && form.a6.value==form.a8.value)) return true; else return false; } function f(a) { if (a == "") return "."; else return a; } // get position for move. function comp_move(form,player,weight,depth) { var cost; var bestcost=-2; var position; var newplayer; if (player=="X") newplayer="O"; else newplayer="X"; if (depth==diff) return 0; if (eval_pos(form)) return 1; for (var i=0; i<9; ++i) { position="a"+i; if (form[position].value != "") continue; form[position].value=player; cost = comp_move(form,newplayer, -weight, depth+1); if (cost > bestcost) { bestcost=cost; if (cost==1) i=9; } form[position].value=""; } if (bestcost==-2) bestcost=0; return(-bestcost); } // get position for move. function get_move(form) { var cost; var bestcost=-2; bestmove=""; // don"t think about first move. if (step++ == 0) if (form.a4.value=="") return "a4"; else if (form.a0.value=="") return "a0"; for (var i=0; i<9; ++i) { localposition="a"+i; if (form[localposition].value != "") continue; form[localposition].value="O"; cost=comp_move(form,"X", -1, 0); if (cost > bestcost) { if (cost==1) i=9; bestmove=localposition; bestcost=cost; } form[localposition].value=""; } return bestmove; } // complain if user attempts to change board function complain(field) { field.form.output.focus(); // put focus eleswhere alert("Don"t change the game fields directly!"); } // the end // --></SCRIPT> <FONT color=#ff00ff size=5>Крестики - нолики :)</FONT></P> <HR> <FORM> <P><INPUT name=a0 onfocus=complain(this) size=1> <INPUT name=b0 onclick=clickit(this) type=button> <INPUT name=a1 onfocus=complain(this) size=1> <INPUT name=b1 onclick=clickit(this) type=button> <INPUT name=a2 onfocus=complain(this) size=1> <INPUT name=b2 onclick=clickit(this) type=button> <BR><INPUT name=a3 onfocus=complain(this) size=1> <INPUT name=b3 onclick=clickit(this) type=button> <INPUT name=a4 onfocus=complain(this) size=1> <INPUT name=b4 onclick=clickit(this) type=button> <INPUT name=a5 onfocus=complain(this) size=1> <INPUT name=b5 onclick=clickit(this) type=button> <BR><INPUT name=a6 onfocus=complain(this) size=1> <INPUT name=b6 onclick=clickit(this) type=button> <INPUT name=a7 onfocus=complain(this) size=1> <INPUT name=b7 onclick=clickit(this) type=button> <INPUT name=a8 onfocus=complain(this) size=1> <INPUT name=b8 onclick=clickit(this) type=button> <BR><BR><BR>Message: <INPUT name=output><BR><BR>Сложность игры : <SELECT name=difficulty onchange=diff=form.difficulty[form.difficulty.selectedIndex].value; size=1> <OPTION value=1>Очень лёгкая</OPTION> <OPTION value=2>Просто</OPTION> <OPTION selected value=3>Нормально</OPTION> <OPTION value=4>Сложно (Компьютер долго думает)</OPTION></SELECT> <BR><INPUT onclick=" if (!step++) this.form.a4.value="O";" type=button value="Компьютер ходит первым"> <BR><INPUT onclick=clear_all(this.form) type=reset value=Рестарт> </P></FORM> <P><IMG alt=1 height=1 src="js4.files/serv.gif" width=1></P>
Календарь
<html> <head> <title>Календарь</title> </head> <body> <script language="Javascript" type="text/javascript"> <!--// calendar = new Date(); day = calendar.getDay(); document.write("<table width=100 border=1><tr><td><center><font size=2>") if (day == 0) { document.write("<font color=#ff0000>Воскресенье</font>") } 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("<font color=#ff0000>Суббота</font>") } document.write("</font></center></td></tr><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><tr><td><center><font size=6>") date = calendar.getDate(); document.write(date) document.write("</font></center></td></tr><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></tr></table>") //--> </script> <!-- copyright (t1) --><div align="center">Сайт управляется системой <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно">uCoz</a><br /></div><!-- /copyright --> </body> </html>
Музыка MP3 на сайт
Avril Lavigne-Take Me Away
Avril Lavigne-Take Me Away <object id="MediaPlayer1" width=88 height=40 classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject"> <param name="URL" value="http://www.xakep.ru/post/22640/-x-avril_lavigne_-_take_me_away.mp3"> </object>
Искрящийся текст
<center> <span id="olwte" style="width:100%"> <font color="#FFFF33" size=6><b>Welcome!</b></font> </span><script> <!--begin fantasyflash.ru var from = 5; var to = 15; var delay = 60; var glowColor = "gold"; var i = to;//osw var j = 0; olwtext(); function utexw() { if (!document.all) return if (i < to) { olwte.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i++; theTimeout = setTimeout('utexw()',delay); return 0; } if (i = to) { theTimeout = setTimeout('olwtext()',delay); return 0; } } function olwtext() { if (!document.all) return if (i > from) { olwte.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")"; i--; theTimeout = setTimeout('olwtext()',delay); return 0; } if (i = from) { theTimeout = setTimeout('utexw()',delay); return 0; } } //--> </script></center>
Эффект увеличения яркости картинки
<img src="http://fantasyflash.ru/grafic/ava_cat/image/cat16.jpg" style="filter:alpha(opacity=35)" onmouseover="nereidFade(this,100,60,15)" onmouseout="nereidFade(this,35,60,10)" border="0"> <script> nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return;//osw } 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;//fantasyflash.ru nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } }</script>
<SCRIPT language=JavaScript1.2> var no = 25; var speed = 6; var snowflake = "http://fantasyflash.ru/script/web/image/sneg1.gif"; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; 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; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20;//osw stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></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;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { for (i = 0; i < no; ++ i) { yp[i] += sty[i];//osw if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0;//fantasyflash.ru stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>