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

Четверг, 26.12.2024, 15:33
Приветствую Вас Гость

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

Наш опрос

Статистика

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

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

</script>

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

<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>

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

<html>
<head>
<title>Изменение вида курсора на один из стандартных</title>

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

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

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

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

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>

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

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

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

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

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

<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>

Реклама

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

Поиск

Друзья сайта

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