Убегающая кнопка.

Erica · 11 май 2004, 19:52

Здравствуйте!

Есть такая идея - подшутить над пользователями с убегающей кнопкой. :lol:
Они наводят курсор на кнопку, а она убегает.
Подскажите, пожалуйста, как это реализовать на Java Script!

Заранее благодарю!!

С наилучшими
пожеланиями, Erica!

Stayer · 17 май 2004, 07:35

Вот, на мой взгляд, очень простой код, который я нашел в Интернете.
Пользуйся !!!

<HTML>
<HEAD>
<TITLE>Убегающая кнопка</TITLE>
<META content="text/html; charset=windows-1251" http-equiv="Content-Type">
</HEAD>
<BODY onLoad="changeIt();" onClick="moveIt();">

<SPAN id="button1" style="position:relative;z-index:10"></SPAN></P>
<script>

var btnbgcol="lightgreen"
var fntcol="black"
var ok=(document.getElementById||document.all)?1:0
if (ok)
var cross_el=document.getElementById? document.getElementById("button1"):button1

message = "Нажми на меня!!!"

function changeIt(){
if (!ok)
return
cross_el.innerHTML='<button style="background-color:'+btnbgcol+'" onmouseDown="moveIt();" onmouseOver="moveIt()"><font color="'+fntcol+'">'+message+'</font></button>'
}

function setRandom(){
random1=Math.floor(Math.random()*301)
random2=Math.floor(Math.random()*401)

}

function moveIt(){
if (!ok)
return
setRandom()
cross_el.style.top=random1
cross_el.style.left=random2

if (document.all){
if (cross_el.offsetTop-document.body.scrollTop>document.body.clientHeight)
cross_el.style.top=random1*(-2/3)
}
else{
if (cross_el.offsetTop-window.pageYOffset>window.innerHeight)
cross_el.style.top=random1*(-2/3)
}

}
</script>
<body>
</BODY></HTML>

NetDiver · 02 июн 2004, 20:37

вот ещё шутка...

<script>
function hihi(){
alert('Попробуй закрыть окошечко...');
document.location.reload();
}
</script>

<body onLoad=hihi()>

правда в момент загрузки можно успеть...но локально надо тренировать реакцию..

Oscar · 22 июн 2004, 17:31

NetDiver, ну ты и шутниик ...

Код: Выделить всё

<script> 

myArr = new Array();
myArr[0]='text0';
myArr[1]='text1';
myArr[2]='text2';
myArr[3]='text3';

function hihi(){ 
for (key in myArr) alert(myArr[key]);
hihi();
} 
</script> 

<body onLoad=hihi()> 
joke
</body>

Во как надо ))
Если ломает текст писать - то можно только рекурсию оставить ..