Главная » 2009 » Декабрь » 9 » Потрясающее js меню (Скрипты для ucoz)
09.12.2009, 09:33

Потрясающее js меню



Пример можно посмотреть здесь.

Установка:

1) Скачиваем архив и кидаем папки (images, js), а также файлы (iepngfix.htc, style.css) из него в корень сайта.

2) На тех страницах, где будет стоять это меню, в head добавляем такие строчки:

Code
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

<!--[if lt IE 7]>
  <style type="text/css">
  .dock img { behavior: url(iepngfix.htc) }
  </style>
<![endif]-->

<link href="style.css" rel="stylesheet" type="text/css" />

3) Там, где мы хотим видеть меню, ставим это:

Code
<div class="dock" id="dock">  
  <div class="dock-container">  
  <a class="dock-item" href="http://www.ndesign-studio.com"><img src="images/home.png" alt="home" /><span>N.Design</span></a>  
  <a class="dock-item" href="http://www.webdesignerwall.com"><img src="images/email.png" alt="contact" /><span>Designer Wall</span></a>  
  <a class="dock-item" href="http://jobs.webdesignerwall.com"><img src="images/portfolio.png" alt="portfolio" /><span>Design Jobs</span></a>  
  <a class="dock-item" href="http://bestwebgallery.com"><img src="images/music.png" alt="music" /><span>Best Web Gallery</span></a>  
  <a class="dock-item" href="http://icondock.com"><img src="images/video.png" alt="video" /><span>IconDock</span></a>  
  <a class="dock-item" href="http://icondock.com/icons"><img src="images/history.png" alt="history" /><span>Stock Icons</span></a>  
  </div>  
</div>

Не забываем все ссылки исправить на свои.

Материал взят с сайта infoscript.ru
Теги: Скачать Потрясающее js меню
Скачать "Потрясающее js меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: ndesign-studio.com
Категория: Скрипты uCoz | Просмотров: 4233 | Добавил: antisept | Рейтинг: 5.0/3 |
Теги: Потрясающее, js, меню
Всего комментариев: 3
0  
1 Cezar   (03.04.2012 10:55) [Материал]
Аватар пользователя
Не оч cry

0  
2 -=WaMpIr=-   (04.04.2012 20:15) [Материал]
Аватар пользователя
Ну если его настроить то очень даже ОЧ. Вот только с настройкой там туго. Ломаешь одно, слетает другое.

0  
3 Cezar   (06.04.2012 08:57) [Материал]
Аватар пользователя
Вот из за этого не Оч biggrin

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]