Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Zmiana obrazka po najechaniu na niego myszką
Forum PHP.pl > Forum > Przedszkole
JamalBIG
Witam

Znacie moze skrypt ktory powodowal by nastepujacy efekt: po najechaniu na dany obrazek myszka pojawial by mi sie inny? Wiem ze pewnie kilka razy bylo juz to na forum ale szczeze mowiac nie wiem nawet jak to nazwac...

Pozdrawiam
wookieb
Rollover -> google -> roollover css
decha-design
  1. <script type="text/javascript">
  2. <!--
  3.  
  4. if (document.images)
  5. {
  6. image1on = new Image();
  7. image1on.src = "/images/1_on.jpg";
  8. image1off = new Image();
  9. image1off.src = "/images/1.jpg";
  10. image2on = new Image();
  11. image2on.src = "/images/2_on.jpg";
  12. image2off = new Image();
  13. image2off.src = "/images/2.jpg";
  14. }
  15.  
  16. function changeImages()
  17. {
  18. if (document.images)
  19. {
  20. for (var i=0; i<changeImages.arguments.length; i+=2)
  21. {
  22. document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
  23. }
  24. }
  25. }
  26.  
  27. // -->


  1. <a href="index.html" onmouseover="changeImages('image1', 'image1on')" onmouseout="changeImages('image1', 'image1off')"><img src="images/1.jpg" name="image1" alt="" /></a>


może coś takiego?

powinno działać, lecz nic nie obiecuje =))
kris29
Proponuję oprzeć się na css
  1. Ściągnąć sobie plik csshover.htc (piguła na IE).
  2. Napisać w pliku style.css:
    Kod
    body { behavior: url(csshover.htc); }
  3. Zastosować metodę hover do odpowiedniego elementu w pliku css, na przykład:
Kod
div#menu li#m1 { background: url(grafika/jasne_menu1.jpg) 0 0 no-repeat; }

div#menu li#m1:hover { background: url(grafika/menu1.jpg) 0 0 no-repeat; }


No i to by było na tyle. Poza tym, że Web Developer pod FireFoxem zgłosi
Cytat
CSS Error: Nieznana własność "behavior". Deklaracja opuszczona
- to nie ma się czym przejmować. party.gif


Pozdrawiam, Krzysiek
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.