• címkék:
  • előnézet
  • perview
  • tooltip
  • tip
  • info
  • súgó
  • buborék

CSS Globe Tooltip

Első típus: hagyományos tooltip

jQuery-plugins.hu

HTML kód

        <a href="http://www.jquery-plugins.hu" class="tooltip" title="jQuery plugins - A legjobb plugin-ok egy helyen!">
          jQuery-plugins.hu
        </a>
      

Második típus: tooltip képre


HTML kód

        <a href="images/img1.jpg" class="preview" title="">
          <img src="images/img1-s.jpg" alt="" />
        </a>
        <a href="images/img2.jpg" class="preview" title="">
          <img src="images/img2-s.jpg" alt="" />
        </a>
        <a href="images/img3.jpg" class="preview" title="">
          <img src="images/img3-s.jpg" alt="" />
        </a>
        <br/>
        <a href="images/img4.jpg" class="preview" title="Honda Civic EP3 - 1">
          <img src="images/img4-s.jpg" alt="" />
        </a>
        <a href="images/img5.jpg" class="preview" title="Honda Civic EP3 - 2">
          <img src="images/img5-s.jpg" alt="" />
        </a>
        <a href="images/img6.jpg" class="preview" title="Honda Civic EP3 - 3">
          <img src="images/img6-s.jpg" alt="" />
        </a>
      

Harmadik típus: tooltip link-re

Cím nélkül

jQuery plugins

HTML kód

        <a href="http://www.jquery-plugins.hu" class="screenshot" rel="images/img7.jpg" title="jQuery Plugins - A legjobb plugin-ok egy helyen!">
          jQuery plugins
        </a>
      

« bezár