Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Dymek
Forum PHP.pl > Forum > Po stronie przeglądarki
Spykaj
Ma ktoś jakiś dobry skrypt do "dymków" ? Chciałbym, żeby był maksymalnie prosty, żeby działał we wszystkich przeglądarkach, a dodatkowo, żeby można było ustawić kolor czcionki, tła dymka, no i właściwie to chyba nawet wszystko tongue.gif pomocy
skowron-line
http://www.who.vectranet.pl/~elus/test/too...a_leniwych.html
Ja sobie napisałem coś takiego z użyciem mootools
  1. <script type="text/javascript" src="javascript/mootools.js"></script>
  2. <script type="text/javascript">
  3. var msg="NULL";
  4. function clouds(event) {
  5. if(msg != "NULL") {
  6. var e = new Event(event);
  7. var x = e.page.x;
  8. var y = e.page.y;
  9. $( 'cloud' ).setStyles( {
  10. 'visibility':'visible',
  11. 'top': (y+15)+'px',
  12. 'left': x+'px'
  13. });
  14. $( 'cloud' ).setHTML( '<center>'+msg+'</center>' );
  15. }else
  16. $( 'cloud' ).setStyle( 'visibility','hidden' );
  17. }
  18.  
  19. <style type="text/css">
  20. #cloud {
  21. color:black;
  22. position:absolute;
  23. background-color:pink;
  24. width:200px;
  25. font-size:12px;
  26. border: 1px solid black;
  27. }

Kolor i tlo dymka regulujesz przez zmiane css
  1. <span id="cloud" style="visibility:hidden"></span>
  2. <a href="" onmouseover="msg='wiadomosc'" onmouseout="msg='NULL'">tekst</a>
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.