ďťż

Chmurki podpowiedzi

Strona początkowa
 
JavaScript
 
Max dla RAM
 
Quick Time
 
phpBB skins

Podstrony

telcocafe

Jak umieścić na stronie takie chmurki które jak najade na zdjęcie to się będą pojawiały z opisem zdjęcia.


<img src="ble.jpg" alt="chmurka blablabla" border="0" />

Edit: Lepiej dac ten / na koncu :rolleyes:
Użytkownik Einzeinbleth edytował ten post 16 styczeń 2006, 18:23
alt nie działa pod FF, Operą... Zamiast alt daj title :)
Użytkownik Coldpeer edytował ten post 17 styczeń 2006, 12:07
<style type="text/css"> #divDymek {   position: absolute;   visibility: hidden; } #tabDymek {   /* ten styl określa wygląd tekstu w dymku: */   background-color: cornsilk;   color: black;   font-size: 9pt;   font-family: Tahoma, Verdana, sans-serif; } </style> <script language="Javascript" type="text/javascript"> <!-- // Ten skrypt pochodzi z serwisu "Javascript w przykładach" // Copyright (C) 1999 Maciej Szczepaniak <macieksz@zsi.pwr.wroc.pl> // // Koniecznie przeczytaj pełną informację o licencji pod adresem: //     http://javascript.jest.o.k.pl/archiwum.html#l // Pamietaj, że nie możesz usuwać tej informacji, a jeśli // zmodyfikujesz ten skrypt, musisz o tym tutaj napisać. // NN nie interpretuje stylu dla diva po pisaniu do niego :-( // Stąd ta zabawa z tabelami. Kod HTML umieszczany w dymku przed // i po zawartości: var dymek_header = '<table width=200><tr><td>'+   '<table cellspacing=0 cellpadding=4><tr><td id="tabDymek">'; var dymek_footer = '</td></tr></table></td></tr></table>'; // w jakiej pozycji względem kursora dymek ma być wyświetlany: var dymek_xmod = -10;   // przesunięcie poziome var dymek_ymod = 14;    // przesunięcie pionowe // Puste funkcje wyświetlania i ukrywania dymka - dymkiInit() // przedifniowuje je zależnie od przeglądarki: function dymek() {} function ukryjDymek() {} // Sprawdzenie przeglądarki i wybór zestawu funkcji do używania: function dymkiInit() {   if (document.all) {           // MSIE 4+      dymek=dymek_ie;      ukryjDymek=ukryjDymek_ie;      // w IE możemy wewnetrzną ramkę stworzyć już teraz:      ukryjDymek();      divDymek.innerHTML=dymek_header+dymek_footer;   } else if (document.layers) { // NN 4      dymek=dymek_nn;      ukryjDymek=ukryjDymek_nn;   } } // Funkcje w wersji dla IE: function dymek_ie(e,tresc,szer,wys) {   var b=document.body;   tabDymek.innerHTML=tresc;   with (divDymek) {      var p=b.scrollTop+e.y+dymek_ymod;      var q=b.scrollTop+b.clientHeight-clientHeight;      if (p<q)       //Jeśli mieści się w widocznej części okna...         style.top=p //...to umieść pod kursorem,...      else           //...jeśli nie...         style.top=p-clientHeight-dymek_ymod-7; //...to umieść nad nim      // A na to wystarczy już jedna linijka:      style.left=b.scrollLeft+Math.min(e.x+dymek_xmod,        b.clientWidth-clientWidth);      style.visibility='visible';   } } function ukryjDymek_ie() {   with (divDymek.style) {      visibility='hidden';      top=0;      left=0;   } } // Funkcje w wersji dla NN: function dymek_nn(e,tresc,szer,wys) {   with (document.layers.divDymek) {      document.write(dymek_header + tresc + dymek_footer);      document.close();      var p=e.pageY+dymek_ymod;      var q=window.innerHeight+window.pageYOffset-clip.height;      if (p<q)       //Jeśli mieści się w widocznej części okna...         top=p       //...to umieść pod kursorem,...      else           //...jeśli nie...         top=p-clip.height-dymek_ymod-7; //...to umieść nad nim.      // A na to wystarczy już jedna linijka:      left=Math.min(e.pageX+dymek_xmod,        window.innerWidth+window.pageXOffset-clip.width);      visibility='show';   } } function ukryjDymek_nn() {   with (document.layers.divDymek) {      visibility='hide';      top=0;      left=0;   } } //--> </script>
Spróbuj z tym. Kod dostępny jest też tutaj

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl
    		•
    Sitedesign by AltusUmbrae.