JAVA SCRIPT
41. Вместо правой кнопки появляется Ваше меню. Очень удобно.
var menu; function showMenu (evt) { if (document.all) { document.all.contextMenu.style.pixelLeft = event.clientX; document.all.contextMenu.style.pixelTop = event.clientY; document.all.contextMenu.style.visibility = 'visible'; return false; } else if (document.layers) { if (evt.which == 3) { document.contextMenu.left = evt.x; document.contextMenu.top = evt.y; document.contextMenu.onmouseout = function (evt) { this.visibility = 'hide'; }; document.contextMenu.visibility = 'show'; return false; } } return true; } if (document.all) document.oncontextmenu =showMenu; if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown = showMenu; }
#contextMenu { position: absolute; visibility: hidden; width: 120px; background-color: lightgrey; layer-background-color: lightgrey; border: 2px outset white; } .A:Menu { color: black; text-decoration: none; cursor: default; width: 100% } .A:MenuOn { color: white; text-decoration: none; background-color: darkblue; cursor: default; width: 100% }
<DIV ID="contextMenu" ONMOUSEOUT="menu = this; this.tid = setTimeout ('menu.style.visibility = \'hidden\'', 20);" ONMOUSEOVER="clearTimeout(this.tid);" style="width: 142; height: 118" > <a href="http://www.acidic.narod.ru/acidic/glavnii.htm" target="_blank"> На главную</a> <p><a HREF="http://www.acidic.narod.ru/acidic/raznoe/raznoe.htm" ; CLASS="menu" ONMOUSEOVER="this.className = 'menuOn'" ONMOUSEOUT="this.className = 'menu';" target="_blank">Развлечения</a></p> <p><a href="http://www.acidic.narod.ru/acidic/ssilki/katalog_ssilok.htm" target="_blank">Каталог ссылок</a> </DIV>
<!-- var state=0; var result = 0; function clr(f) { f.display.value = ''; state=0;} function number(f,n) { if (state==3) { clr(f); }f.display.value += n; state=1; } function point(f) { number(f, '.'); } function bs(f) { var s = f.display.value; if (state == 3) { return; } if (eval(s.length) > 0) { s.length -= 1; f.display.value = s; if (state == 2) { state = 1; } if (s.length == 0) { state = 0; } } } function op(f,o) { if (state==3) { f.display.value = result; f.display.value += o; state = 2; } if (state==1) { f.display.value += o; state = 2; } } function add(f) { op(f,'+') } function subtract(f) { op(f,'-') } function multiply(f) { op(f,'*') } function divide(f) { if (f==0) { f.display.value = "error"; state = 0; } else { op(f,'/') } } function equals(f) { if (state == 3) { return; } result = eval(f.display.value); f.display.value += ' = ' + result; state=3; } // -->
<CENTER> <TABLE border=0 cellPadding=3 cellSpacing=0> <TBODY> <TR> <TD align=middle colSpan=5><INPUT name=display><BR></TD></TR> <TR> <TD align=middle><INPUT onclick=number(this.form,7) style="WIDTH: 20px" type=button value=" 7 "></TD> <TD align=middle><INPUT onclick=number(this.form,8) style="WIDTH: 20px" type=button value=" 8 "></TD> <TD align=middle><INPUT onclick=number(this.form,9) style="WIDTH: 20px" type=button value=" 9 "></TD> <TD align=middle><INPUT onclick=add(this.form) style="WIDTH: 20px" type=button value=" + "></TD> <TD align=middle><INPUT onclick=clr(this.form) style="WIDTH: 30px" type=button value=" CL "></TD></TR> <TR> <TD align=middle><INPUT onclick=number(this.form,4) style="WIDTH: 20px" type=button value=" 4 "></TD> <TD align=middle><INPUT onclick=number(this.form,5) style="WIDTH: 20px" type=button value=" 5 "></TD> <TD align=middle><INPUT onclick=number(this.form,6) style="WIDTH: 20px" type=button value=" 6 "></TD> <TD align=middle><INPUT onclick=subtract(this.form) style="WIDTH: 20px" type=button value=" - "></TD> <TD align=middle> </TD></TR> <TR> <TD align=middle><INPUT onclick=number(this.form,1) style="WIDTH: 20px" type=button value=" 1 "></TD> <TD align=middle><INPUT onclick=number(this.form,2) style="WIDTH: 20px" type=button value=" 2 "></TD> <TD align=middle><INPUT onclick=number(this.form,3) style="WIDTH: 20px" type=button value=" 3 "></TD> <TD align=middle><INPUT onclick=multiply(this.form) style="WIDTH: 20px" type=button value=" * "></TD> <TD align=middle> </TD></TR> <TR> <TD align=middle colSpan=2><INPUT onclick=number(this.form,0) style="WIDTH: 48px" type=button value=" 0 "></TD> <TD align=middle><INPUT onclick=point(this.form) style="WIDTH: 20px" type=button value=" . "></TD> <TD align=middle><INPUT onclick=divide(this.form) style="WIDTH: 20px" type=button value=" / "></TD> <TD align=middle><INPUT onclick=equals(this.form) style="WIDTH: 30px" type=button value=" = "></TD></TR></TBODY></TABLE></CENTER></FORM></TD></TR> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body>
43. Эффект отражающегося в воде картинки.
<img id="reflect" border="0" src="http://acidic.narod.ru/acidic/javascript/look/acidic.gif" width="186" height="36">
function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 }
44. Вокруг курсора крутиться Ваша картинка.
var images='http://acidic.narod.ru/acidic/javascript/look/acidic.gif';//Вставьте сюда путь к Вашей картинке var amount=7; var cnter=70; var step; var currStep = 0; var Xpos = 0; var Ypos = 0; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); for (ns=0; ns < amount; ns++){document.write("<layer name='n"+ns+"' left=0 top=0><img src='"+images+"'></layer>")} function NsMouseFollow(evnt){Xpos = evnt.pageX-5;Ypos = evnt.pageY-5;} window.onMouseMove = NsMouseFollow; } else if (document.all){ document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">') document.write('<div id="c" style="position:relative">'); for (n=0; n < amount; n++) document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">') document.write('</div>') document.write('</div>') function MsieMouseFollow(){Xpos = document.body.scrollLeft+event.x-5;Ypos = document.body.scrollTop+event.y-5} document.onmousemove = MsieMouseFollow; } function Swirl(){ if (currStep<0.0550)step=0.001; if (document.layers){ for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } else if (document.all){ for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } currStep += step; setTimeout("Swirl()", 10); if (currStep>0.0540) { step+=0.002; if (document.layers) { for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5) document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } } if (step > 0.5) { step=0.5; cnter-=8; } if (document.layers) _y=-window.innerWidth; else if (document.all) _y=-document.body.clientWidth; if (cnter <= _y) { currStep=0; step=0.001; cnter=70; } } Swirl(); // -->
45. Изменение фона браузера на Ваше усмотрение.
<p align="center"> <SELECT Size=4 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value"> <OPTION VALUE="white" SELECTED>белый <OPTION VALUE="blue">голубой <OPTION VALUE="aquamarine">зеленовато-голубой <OPTION VALUE="chocolate">шоколадный <OPTION VALUE="darkred">темно-красный <OPTION VALUE="gold">золотой <OPTION VALUE="red">красный <OPTION VALUE="yellow">желтый <OPTION VALUE="hotpink">розовый <OPTION VALUE="lime">lime <OPTION VALUE="darkkhaki">цвет хаки <OPTION VALUE="cadetblue ">фиолетовый <OPTION VALUE="darkgoldenrod">темно-золотой <OPTION VALUE="darkslateblue">синевато-серый <OPTION VALUE="blue">голубой <OPTION VALUE="deeppink">темно-розовый <OPTION VALUE="darksalmon">темно-оранжево-розовый <OPTION VALUE="salmon">оранжево-розовый <OPTION VALUE="tan">желто-коричневый <OPTION VALUE="wheat">пшеничный <OPTION VALUE="tomato">томатный <OPTION VALUE="springgreen">весенняя трава <OPTION VALUE="turquoise">бирюзовый </SELECT>
[1] [2] [3] [4] [5] [6] [7] [8] 9 [10]
Ваше имя:
Ваш Script (прикрепить):
Введите краткую информацию о Scriptе:
Введите Ваш e-mail:
[наверх]
*** Главная страница сайта ***
Все новости *** Переводчик *** Развлечение *** Фобии
On-line Тесты *** Субъекты РФ *** Ссылки *** Gif Animation
Java Script *** Почётные грамоты ***Обмен баннерами
Карта сайта *** Гостевая книга *** E-mail
Copyright © 2002-2003
