Web-программирование

Среда, 15.07.2026, 13:31
Приветствую Вас Гость

Web-программирование

Наш опрос

Статистика

Глаз, следящий за мышкой

<html>
<head>
<title>Глаз, следящий за мышкой</title>
<script language="JavaScript" type="text/javascript">

</script>

</head>
<body onload="OL()" onmousemove="Mouse()">
<center><IMG alt="" border="0" height="42" src="../gif/center-e.gif" width="106"></center> 
</body>
</html>

Глаза, бегающие за мышкой

<html>
<head>
<title>Глаза, бегающие за мышкой</title>
<script language="JavaScript" type="text/javascript">
var brOK=false;
var mie=false;
var ex=0;
var ey=0;
var ae;
var le;
var re;
var x0;
var y0;
var tid;
var realx;
var realy;
var loaded=false;
if(parseInt(navigator.appVersion.charAt(0))>=4)
 {brOK=true;}
if(navigator.appName.indexOf("Microsoft")!=-1)
 {mie=true; }
function myhandler(e)
{ex=e.pageX; 
 ey=e.pageY;
 moveeye()
 return routeEvent(e);
}

function moveeye()
{dy=ey-y0-20;
 dx1=ex-x0-20;
 dx2=ex-x0-60;

r=Math.sqrt(dx1*dx1+dy*dy);
 if(r<20) r=20
 dx1=dx1*10/r+x0+10;
 dy1=dy*10/r+y0+10;

r=Math.sqrt(dx2*dx2+dy*dy);
 if(r<20) r=20
 dx2=dx2*10/r+x0+50;

ae.left=x0; 
 ae.top=y0; 
 le.left=dx1; 
 le.top=dy1; 
 re.left=dx2; 
 re.top=dy1; 
}

function moveall()
{rx=realx+40
 ry=realy+40;
 rx+=(ex-rx)*0.1;
 ry+=(ey-ry)*0.1;
 realx=rx-40;
 realy=ry-40;
 x0=Math.round(realx);
 y0=Math.round(realy);
 moveeye();
 tid=setTimeout('moveall()',100);
}

function placeeyes(x,y)
{if(brOK)
 {ex=x+40;
 ey=y+40;
 s ='<DIV ID="dummy" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';
 s+='<DIV ID="eyeballs" STYLE="position:absolute; top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC="eyeballs.gif" border=0></DIV>';
 s+='<DIV ID="lefteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;"><IMG SRC="eye.gif" border=0></DIV>';
 s+='<DIV ID="righteye" STYLE="position:absolute; top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;"><IMG SRC="eye.gif" border=0></DIV>';
 document.writeln(s);
 }
}
</script>

</head>
<body onLoad="if(brOK) setHandlers()" onUnload="if(brOK) {if(tid) clearTimeout(tid);}">
<script FOR="document" Event="onmousemove()">
if((mie==true)&&(brOK)&&loaded)
 {ex=document.body.scrollLeft+event.x;
 ey=document.body.scrollTop+event.y;
 moveeye();
 }
</script>
<script>
if (document.all||document.layers)
 placeeyes(200,100);
</script>
</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>
</body>
</html>

Мерцающие точки около курсора

<html>
<head>
<title>Мерцающие точки около курсора</title>

</head>
<body>

</head>
<body>
<script language="JavaScript">
function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2
if ((document.layers)||(document.all)){
with (Math) {yynextx= eval(yyfnx)}
with (Math) {yynexty= eval(yyfny)}
yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep;
if (document.layers){
eval(yydiv+".top="+(yynexty+yytop))
eval(yydiv+".left="+(yynextx+yyleft)) }
if (document.all){
eval("yydiv=yydiv.replace(/.layers/gi, '.all')");
eval(yydiv+".style.pixelTop="+(yynexty+yytop));
eval(yydiv+".style.pixelLeft="+(yynextx+yyleft)); }
argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')';
if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} }}
function YY_Mousetrace(evnt) { 
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);}
if (yy_tracescript)eval(yy_tracescript)}
</script>
<div id="yyd0" style="position:absolute; left:10px; top:50px; width:3px; height:3px; z-index:1; background-color: #19636c; layer-background-color: #19636c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd1" style="position:absolute; left:20px; top:50px; width:3px; height:3px; z-index:1; background-color: #708574; layer-background-color: #708574; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd2" style="position:absolute; left:30px; top:50px; width:3px; height:3px; z-index:1; background-color: #379bbf; layer-background-color: #379bbf; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd3" style="position:absolute; left:40px; top:50px; width:3px; height:3px; z-index:1; background-color: #25184c; layer-background-color: #25184c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd4" style="position:absolute; left:50px; top:50px; width:3px; height:3px; z-index:1; background-color: #31bd3c; layer-background-color: #31bd3c; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<div id="yyd5" style="position:absolute; left:60px; top:50px; width:3px; height:3px; z-index:1; background-color: #c11efd; layer-background-color: #c11efd; border: 1px none #000000; clip: rect(0 3 3 0)"></div>
<script>
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
document.onmousemove = YY_Mousetrace;
yy_tracescript = '';
if (yyns4){ document.captureEvents(Event.mousemove);
 YY_Mousetrace('',',document.YY_Mousetrace1')}
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
</script>
</body>
</html>

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

<html>
<head>
<title>Троящийся курсор</title>

</head>
<body>
<script language="Javascript1.2">
<!--
var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";
var queue = new Array();
var NUM_OF_TRAIL_PARTS = 5
for (x=1; x < 6; x++) { 
eval("trailSpriteFrame" + x + " = new Image(28,36);");
eval("trailSpriteFrame" + x + ".src = '../gif/maus.gif';");
}
function trailSpriteObj(anID) {
this.trailSpriteID = "trailSprite" + anID; 
this.imgRef = "trailSprite" + anID + "img"; 
this.currentFrame = 1; 
 this.animateTrailSprite = animateTrailSprite; 
}
function animateTrailSprite() {
if (this.currentFrame <6 ) { 
if (isNS) {eval("document." + this.trailSpriteID +".document['"+ this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src");} 
else {eval("document['" + this.imgRef + "'].src = trailSpriteFrame" + this.currentFrame + ".src"); }
this.currentFrame ++; 
 } 
else {eval(layerRef + '.' + this.trailSpriteID + styleRef + '.visibility = "hidden"');
} 
}
function processAnim() {
 for(x=0; x < NUM_OF_TRAIL_PARTS; x++)
 queue[x].animateTrailSprite();
}
function processMouse(e) {
 currentObj = shuffleQueue();
 if (isNS) {eval("document." + currentObj + ".left = e.pageX ;");
 eval("document." + currentObj + ".top = e.pageY;");
} else {eval("document.all." + currentObj + ".style.pixelLeft = event.clientX + document.body.scrollLeft;");
 eval("document.all." + currentObj + ".style.pixelTop = event.clientY + document.body.scrollTop;");
}
}
function shuffleQueue() {
lastItemPos = queue.length - 1;
lastItem = queue[lastItemPos];
for (i = lastItemPos; i>0; i--) 
queue[i] = queue[i-1];
queue[0] = lastItem;
queue[0].currentFrame = 1; 
eval(layerRef + '.' + queue[0].trailSpriteID + styleRef + '.visibility = "visible"'); 
return queue[0].trailSpriteID;
}

function init() {
for(x=0; x<NUM_OF_TRAIL_PARTS; x++) 
queue[x] = new trailSpriteObj(x+1) ;
if (isNS) { document.captureEvents(Event.MOUSEMOVE); }
document.onmousemove = processMouse;
setInterval("processAnim();",25);
} 
window.onload = init;
//-->
</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>
</body>
</html>

Салют при постановке курсора

<html>
<head>
<title>Салют при постановке курсора</title>
<script language="JavaScript1.2">

</script>

</head>
<body bgcolor="#000000" text="#9B4E00" link="#8000FF" alink="#9B4E00" vlink="#9B4E00" OnLoad="initMouseEvents()">
<iframe src="menu.htm" align="left" width="140" height="560" scrolling="no" frameborder="0"></iframe>
<div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">.</font></div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">.</font></div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">.</font></div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">.</font></div>
<div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">.</font></div>
<div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">.</font></div>
<div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">.</font></div>
</div>
</body>
</html>

Санта Клаус у курсора

<html>
<head>
<title>Санта Клаус у курсора</title>

</head>
<body>
<div id="span0" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span1" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span2" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span3" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span4" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span5" style="position:absolute;visibility:hidden;">
<img src="../gif/elch.gif"></div>
<div id="span6" style="position:absolute;visibility:hidden;">
<img src="../gif/zuegel.gif"></div>
<div id="span7" style="position:absolute;visibility:hidden;">
<img src="../gif/santaclaus.gif"></div>
<div id="span8" style="position:absolute;visibility:hidden;">
</div>
<script src="../js/imgchristmastracker.js"></script>
</body>
</html>

Снежинки, летающии за курсором

<html>
<head>
<title>Снежинки, летающии за курсором</title>

</head>
<body>
<div id="dot0" style="HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 15px"><dd><img border="0" height="15" src="../gif/snegok.gif" width="15"></dd></div>
<div id="dot1" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<div id="dot2" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<div id="dot3" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<div id="dot4" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<div id="dot5" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<div id="dot6" style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><dd><img border="0" height="15" src="snegok.gif" width="15"></dd></div>
<script language=JavaScript>

</SCRIPT>
</body>
</html>

Текст около мышки

<html>
<head>
<title>Текст около мышки</title>
<style type="text/css">
 .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; color:white;}
</style>
<script>
var x,y
var step=20
var flag=0
 var message="Текст около мышки " // Текст около мышки (обязательно после последней буквы пробел)
message=message.split("")
 var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
 xpos[i]=-50
}
 var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
 ypos[i]=-50
}
 function handlerMM(e){
 x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
 y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
 flag=1
}
 function makesnake() {
 if (flag==1 && document.all) {
 for (i=message.length-1; i>=1; i--) {
 xpos[i]=xpos[i-1]+step
 ypos[i]=ypos[i-1]
 }
 xpos[0]=x+step
 ypos[0]=y
 for (i=0; i<message.length-1; i++) {
 var thisspan = eval("span"+(i)+".style")
 thisspan.posLeft=xpos[i]
 thisspan.posTop=ypos[i]
 }
 }
 else if (flag==1 && document.layers) {
 for (i=message.length-1; i>=1; i--) {
 xpos[i]=xpos[i-1]+step
 ypos[i]=ypos[i-1]
 }
 xpos[0]=x+step
 ypos[0]=y
 for (i=0; i<message.length-1; i++) {
 var thisspan = eval("document.span"+i)
 thisspan.left=xpos[i]
 thisspan.top=ypos[i]
 }
 }
 var timer=setTimeout("makesnake()",30)
}
</script>

</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>

</script>
</body>
</html>

Реклама

Отправить заявку

Поиск

Друзья сайта

Создать сайт
Все для веб-мастера
Программы для всех
Мир развлечений
Лучшие сайты Рунета
Кулинарные рецепты
You Directory - add you url for free
Заработок в сети
ввод-вывод WebMoney на Украине
товары для заработка
Каталог прямых ссылок InWind.ru
Белый каталог сайтов
Каталог сайтов
shopings - каталог сайтов интернета
Интернет магазины
Каталог сайтов