Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][mootools] Chmurki
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
skowron-line
  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript">
  3.  
  4. $$( 'body' ).onmouseover=function(event) {
  5. var e = new Event(event);
  6. var x = e.page.x;
  7. var y = e.page.y;
  8. $( 'cloud' ).setStyles( {
  9. 'visibility':'visible',
  10. 'top': y+'px',
  11. 'left': x+'px'
  12. });
  13.  
  14. }
  15.  
  16. </script>
  17. <style type="text/css">
  18. #cloud {
  19. color:black;
  20. position:absolute;
  21. background-color:pink;
  22. width:200px;
  23. font-size:12px;
  24. border: 1px solid black;
  25. }
  26. </style>
  27. </head>
  28. <span id="cloud">skowron</span>
  29. </body>
  30. </html>

i pytanie co moze byc problemem?questionmark.gif

jak zrobie tak
  1. <script type="text/javascript" src="mootools.js"></script>
  2. <script type="text/javascript">
  3.  
  4. function x(event) {
  5. var e = new Event(event);
  6. var x = e.page.x;
  7. var y = e.page.y;
  8. $( 'cloud' ).setStyles( {
  9. 'visibility':'visible',
  10. 'top': y+'px',
  11. 'left': x+'px'
  12. });
  13.  
  14. }
  15.  
  16. </script>
  17. <style type="text/css">
  18. #cloud {
  19. color:black;
  20. position:absolute;
  21. background-color:pink;
  22. width:200px;
  23. font-size:12px;
  24. border: 1px solid black;
  25. }
  26. </style>
  27. </head>
  28. <body onmouseover="x(event);">
  29. <span id="cloud">skowron</span>
  30. </body>
  31. </html>

to wszystko dziala elegancko
ferr
Moze bys tak dodal to zdarzenie w window.addEvent("load", function() { }); co? tongue.gif
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.