1 123 Tooltip

Подсказки с пузырьками


Плагин для библиотеки Mootools - bubbles - подсказки с пузырьками. Работает к сожалению на устаревшей версии Mootools 1.1.2, но смотрится очень красиво.

HTML

<div id="projects">
    
        <a href="http://www.pcvector.net" title="Скрипты для сайтов">pcvector.net</a>
        <br/><br/>
        <a href="http://www.pcvector.ru" title="Форум твоего направления">pcvector.ru</a>
        <br/><br/>
        <a href="http://www.pcvector.net" title="Это подсказка с пузырьками">Наведите курсор</a>
    
</div>

CSS

Оформление в файле bubbles.css

<link rel="stylesheet" type="text/css" media="screen" href="bubbles.css" />

JS

Подключаем библиотеку Mootools, плагин bubbles и скрипт для его вызова:

<script type="text/jаvascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.1.2/mootools-yui-compressed.js"></script>
<script type="text/jаvascript" src="bubbles.js"></script>         
<script type="text/jаvascript">
    window.addEvent('domready', function(){
      switch(document.body.id){
        default:
          new bubbles();
      }
    });
</script>
Скачать 484Загрузок 66,57 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи