2 815 Скрипты / Menu & Nav

Mac OS X icon dock


Панель иконок, как в Mac OS X реализованная на jаvascript и CSS.

HTML

<div id="dock">
    <ul>
        <li><a href="#address"><span>Адрес</span><img src="img/icon-address.png" alt="[address]" /></a></li><!--
        <li><a href="#band"><span>Группа</span><img src="img/icon-band.png" alt="[band]" /></a></li>
        --><li><a href="#calendar"><span>Календарь</span><img src="img/icon-calendar.png" alt="[calendar]" /></a></li><!--
        <li class="active"><a href="#chat"><span>Чат</span><img src="img/icon-chat.png" alt="[chat]" /></a></li>
        --><li class="active"><a href="#music"><span>Музыка</span><img src="img/icon-music.png" alt="[music]" /></a></li><!--
        --><li><a href="#photo"><span>Фото</span><img src="img/icon-photo.png" alt="[photo]" /></a></li><!--
        --><li><a href="#text"><span>Текст</span><img src="img/icon-text.png" alt="[text]" /></a></li><!--
        --><li class="seperator"></li><!--
        --><li><a href="#folder?src=/apps/"><span>Приложения</span><img src="img/icon-applications.png" alt="[apps]" /></a></li><!--
        --><li><a href="#folder?src=/pictures/"><span>Фотографии</span><img src="img/icon-pictures.png" alt="[pictures]" /></a></li><!--
        <li><a href="#folder?src=/documents/"><span>Документы</span><img src="img/icon-documents.png" alt="[documents]" /></a></li>
        --><li><a href="#bin"><span>Корзина</span><img src="img/icon-bin.png" alt="[bin]" /></a></li>
    </ul>
</div>

CSS

Фикс для IE

JS

Скачать 1109Загрузок 115,78 Kb
Демо

Комментарии

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

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