Логотип сайта
Подписаться на новости
 
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 102
Новые иконки для групп + psd
Категория: Иконки
Дата: 29.10.2010
Адаптация шаблона KickAssTV под систему ucoz
Категория: Шаблоны для Ucoz
Дата: 29.10.2010
Ошибка 404
Категория: Скрипты для Ucoz
Дата: 30.10.2010
Рип шаблона Хостинг файлов - картинок v2 для Ucoz
Категория: Шаблоны для Ucoz
Дата: 30.10.2010
Календарь
«  Ноябрь 2010  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930
О-ucoze.ru портал для веб-мастеров Топ сайтов ucozon.ru Лучшие сайты мира только у нас
Наша кнопка:


Реклама
Реклама на сайте
Наши друзья
Главная » 2010 » Ноябрь » 4 » Очень красивое скролликующее левостороннее меню через библиотеку jQuery Easing
11:33
Очень красивое скролликующее левостороннее меню через библиотеку jQuery Easing


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

Code
<script type="text/javascript" src="/js/jquery.easing.js"></script>  
  <script type="text/javascript" src="/js/jquery.sweet-menu-1.0.js"></script>  
   
  <script type="text/javascript">  
  $(document).ready(function(){  
   
  $('#backMenu').sweetMenu({  
  top: 40,  
  padding: 8,  
  iconSize: 48,  
  easing: 'easeOutBounce',  
  duration: 500,  
  icons: [  
  '/images/back.png'  
  ]  
  });  
   
  $('#exampleMenu').sweetMenu({  
  top: 200,  
  padding: 8,  
  iconSize: 48,  
  easing: 'easeOutBounce',  
  duration: 500,  
  icons: [  
  '/images/home.png',  
  '/images/comments.png',  
  '/images/red_heart.png',  
  '/images/male_user.png',  
  '/images/yellow_mail.png',  
  '/images/computer.png' ]  
  });  
  });  
  </script>  
   
  <style type="text/css">  
  .sweetMenuAnchor{  
  border-top: 1px solid #ffffff;  
  border-right: 1px solid #ffffff;  
  border-bottom: 1px solid #ffffff;  
  border-top-right-radius: 4px;  
  -moz-border-radius-topright: 4px;  
  border-bottom-right-radius: 4px;  
  -moz-border-radius-bottomright: 4px;  
  color: #0071bb;  
  font-size: 24px;  
  font-weight: bold;  
  text-align: right;  
  text-transform: uppercase;  
  font-family: arial;  
  text-decoration: none;  
  background-color: #888888;  
  opacity: 0.6;  
  }  
   
  .sweetMenuAnchor span{  
  display: block;  
  padding-top: 10px;  
  }  
  </style>  

Далее сразу же после предыдущего скрипта вставляйте:  

Код: Выделить всё
<ul id="backMenu">  
  <li><a href="#">Вернуться к уроку</a></li>  
  </ul>  
  <ul id="exampleMenu">  
  <li><a href="#">Домой</a></li>  
  <li><a href="#">Блог</a></li>  
  <li><a href="#">Портфолио</a></li>  
  <li><a href="#">Обо мне</a></li>  
  <li><a href="#">Написать</a></li>  
  <li><a href="#">Мои файлы</a></li>  
  </ul>  

Не забудте залить в папку js и images файлы
1
2
3
4
5
Категория: Скрипты(UCOZ) | Добавил: Facker | Теги: Очень красивое скролликующее левост  
Просмотров: 17 | Загрузок: 4 | Рейтинг: 5.0/1

Навигация
Главная
Cкрипты
Шаблоны  
Статьи
Мини-чат
   
   
   
  200

Опрос
Откуда вы пришли ?
(Всего ответов: 24)
1. Yandex .

2. Другой сайт .

3. Google .

4. Партнеры .

5. Rambler .

6. Mail .

Результаты | Все опросы
Контакты
г......  
Тел.....  
Главная
Каталог
Новости
Вопросы и ответы
Дилеру
Контакты
Шаблон адаптирован студией 3apyskausa
Copyright © sait.ru 2010 All Rights Reserved.
При полном или частичном копировании материалов сайта
активная ссылка на сайт обязательна!

Далее сразу же после предыдущего скрипта вставляйте:

Code
<ul id="backMenu">  
  <li><a href="#">Вернуться к уроку</a></li>  
  </ul>  
  <ul id="exampleMenu">  
  <li><a href="#">Домой</a></li>  
  <li><a href="#">Блог</a></li>  
  <li><a href="#">Портфолио</a></li>  
  <li><a href="#">Обо мне</a></li>  
  <li><a href="#">Написать</a></li>  
  <li><a href="#">Мои файлы</a></li>  
  </ul>

Не забудте залить в папку js и images файлы

Скачать Очень красивое скролликующее левостороннее меню через библиотеку jQuery Easing

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Жаловаться на материал

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию
Изменить репутацию Вручить награду
Категория: Скрипты для Ucoz | Просмотров: 246 | Добавил: edik2009 | Теги: красивое, Очень, скролликующее, через, jQuery, библиотеку, левостороннее, Easing, меню | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Добавить нас в закладки
 
Разделы сайта
Ваш профиль
Гость

Сообщения:

Группа:
Гости
Время:22:42
Реклама
Реклама на сайте
Архив сайта
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

[Полный список]
[Кто нас сегодня посетил]













Облако тегов












   
© adidac.at.ua 2010
Реклама на сайте