Главная » Файлы » Прочие скрипты » jQuery
Интересное меню с эффектом плавной смены прозрачности на css3 и jQuery
23.06.14, 11:37:45

Скачать файл



Оригинальное меню с интересным эффектом при наведении. Меню может быть исполнено в двух вариациях: на css3 и jQuery

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:

1) Для версии на css3:
Код
<link rel="stylesheet" type="text/css" href="/css/style.css"/>


2) Для версии на jQuery:
Код
<link rel="stylesheet" type="text/css" href="/css/style.css"/>  
  <script type="text/javascript" src="/js/script.js"></script>


Следующий код в то место, где будет само меню:

1) Для версии на css3:
Код
<ul class="social" id="css3">
<li class="delicious">
<a href="#"><strong>Delicious</strong></a>
</li>
<li class="digg">
<a href="#"><strong>Digg</strong></a>
</li>
<li class="facebook">
<a href="#"><strong>Facebook</strong></a>
</li>
<li class="flickr">
<a href="#"><strong>Flickr</strong></a>
</li>
<li class="linkedin">
<a href="#"><strong>LinkedIn</strong></a>
</li>
<li class="reddit">
<a href="#"><strong>Reddit</strong></a>
</li>
<li class="rss">
<a href="#"><strong>RSS</strong></a>
</li>
<li class="twitter">
<a href="#"><strong>Twitter</strong></a>
</li>
</ul>

  <br clear="all">


2) Для версии на jQuery:
Код
<ul class="social" id="jquery">
<li class="delicious">
<a href="#"><strong>Delicious</strong></a>
</li>
<li class="digg">
<a href="#"><strong>Digg</strong></a>
</li>
<li class="facebook">
<a href="#"><strong>Facebook</strong></a>
</li>
<li class="flickr">
<a href="#"><strong>Flickr</strong></a>
</li>
<li class="linkedin">
<a href="#"><strong>LinkedIn</strong></a>
</li>
<li class="reddit">
<a href="#"><strong>Reddit</strong></a>
</li>
<li class="rss">
<a href="#"><strong>RSS</strong></a>
</li>
<li class="twitter">
<a href="#"><strong>Twitter</strong></a>
</li>
</ul>


Осталось лишь залить скрипт из прикреплённого архива в папку js стиль в папку css и все картинки в папку images

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: прозрачности, на, JQuery, смены, эффектом, интересное, CSS3, плавной, Меню
Просмотров: 355 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: