Zaloguj FAQ  •  Szukaj    


Obecny czas: 31 Lip 2010, 15:31

Pomysł na Biznes to tylko krok do Twojego sukcesu. Sprawdź jak łatwo zostać milionerem.




Napisz nowy temat Odpowiedz  [ 1 post ] 
Autor Wiadomość
 
PostWysłany: 17 Lis 2009, 18:31 
Offline
Fachowiec
Fachowiec
Awatar użytkownika

Dołączenie: 05 Maj 2008, 18:40
Posty: 335
Miejscowość: Ruda
Pochwały: 1
Witam. Miałem do napisania puzzle. Zrobiłem coś takiego :

Kod:
<HTML>
<HEAD>
  <SCRIPT language="JavaScript">
<!--
   function zmiana()
   {   
     a.style.left = Math.random()*500;
     a.style.top = 100+Math.random()*400;
     b.style.left = Math.random()*500;
     b.style.top = 100+Math.random()*400;
     c.style.left = Math.random()*500;
     c.style.top = 100+Math.random()*400;
     d.style.left = Math.random()*500;
     d.style.top = 100+Math.random()*400;
   }
  function obrazek()
{
   open("HondaS2000.jpg","opis","width=250,status=no, toolbar=no, menubar=no, scrollbar=no");
}
  var xx;
  var x;
  var Y;
function MD()
   {
     xx = event.srcElement.parentElement.style;
     X=event.offsetX;
     Y=event.offsetY;
   }

   function MM()
   {
     if(xx)
     {
       xx.pixelLeft = event.clientX-X + document.body.scrollLeft;
       xx.pixelTop  =  event.clientY-Y + document.body.scrollTop;
       return false;
     }
   }

   function MU()
   {
   xx = null;
   }
  document.onmousedown = MD;
  document.onmousemove = MM;
    document.onmouseup = MU;
//-->
  </SCRIPT>
</HEAD>
<BODY BGCOLOR="green">
       <center>
<H2><font size=+3 color="red"> PUZZLE </font></H2>
   </center>
<DIV id="a" style="position:absolute;left:150;top:150;">
  <img src="1.JPG" width=105 height=114 border=0 alt="1">
</DIV>
<DIV id="b" style="position:absolute;left:300;top:150;">
  <img src="2.JPG" width=105 height=114 border=0 alt="2">
</DIV>
<DIV id="c" style="position:absolute;left:150;top:300;">
  <img src="3.JPG" width=105 height=114 border=0 alt="3">
</DIV>
<DIV id="d" style="position:absolute;left:300;top:300;">
  <img src="4.JPG" width=105 height=114 border=0 alt="4">
</DIV>

<FORM><center><input type="button"  value="Podglad" onClick="obrazek();">
  <input type="button"  value="Pomieszaj elementy" onClick="zmiana();"></center>
   
</FORM>
</BODY>
</HTML>

(Zobaczcie jak to wygląda, polecam to otworzyć w IE)

Wszystko działa tylko nie wiem jak zrobić odliczanie czasu tzn. Jak naciskam Pomieszaj elementy to żeby zegar wystartował i jak ułożę obrazek pokazał się komunikat że zajęło mi to tyle o tyle czasu. Pomóżcie :)

_________________
Image


 Profil E-mail  
    WindowsXPFirefox

   
Wyświetl posty z poprzednich:  Sortuj według  
Napisz nowy temat Odpowiedz  [ 1 post ] 





phpBB skin developed by: John Olson Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group