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


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

1529
8 из 10
Проголосовало: 4




  • Скачать с сервера
  • Скачать
  • Смотреть демо

Установка
После </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>

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

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 файлы

Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://www.htmldrive.net/
  • Всего комментариев: 6

BARS0943
0
BARS0943 написал: Написано 26 Ноября 2013 в 03:58
Комментарий №6
Все гоню после того как залогинился скачал с серва. Спасибо!

BARS0943
0
BARS0943 написал: Написано 26 Ноября 2013 в 03:57
Комментарий №5
Можно ли перезалить архив? а то не найден.

John_Cena
0
John_Cena написал: Написано 09 Января 2011 в 15:19
Комментарий №4
Спосибо, очень красивый скрипт.
Кстати рекомендую!

vova123
0
vova123 написал: Написано 21 Сентября 2010 в 17:08
Комментарий №3
спасибо за живой пример biggrin поставлю

vova123
0
vova123 написал: Написано 20 Сентября 2010 в 17:48
Комментарий №1
скрины в студию! как выглядит на сайте посмотреть бы.. а ставить впадлу happy

vova123Ответ от Администрации:

Смотри живой пример http://www.htmldrive.net/items/demo/574/Sweet-Menu-JQuery


Вовчик
+1
Вовчик написал: Написано 20 Сентября 2010 в 17:52
Комментарий №2

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 7
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: