Плавное меню от TRANE73


Плавное меню от TRANE73

961
8.2 из 10
Проголосовало: 11






Выкладываю свой скриптик раздвигающегося меню. По несколько строчек HTML, CSS и jQuery)

В таблицу стилей (CSS):

Code
.menusha a {  
  display: block;  
  text-decoration: none;  
  padding: 1px 0 2px 7px;  
  opacity: 0.7;  
  font-size: 13px;  
  }


В нижнюю часть сайта ближе к </body>:
Code
<script type="text/javascript">  
  $('.menusha a').hover(function(){  
  $(this).stop().animate({'paddingLeft':'17px','opacity':'1','fontSize':'14px'})  
}, function(){  
  $(this).stop().animate({'paddingLeft':'7px','opacity':'0.7','fontSize':'13px'})  
});  
</script>


Сам код меню:

Code
<div class="menusha">  
<a href="#">Пункт 1</a>  
<a href="#">Пункт 2</a>  
<a href="#">Пункт 3</a>  
<a href="#">Пункт 4</a>  
<a href="#">Пункт 5</a>  
<a href="#">Пункт 6</a>  
<a href="#">Пункт 7</a>  
<a href="#">Пункт 8</a>  
<a href="#">Пункт 9</a>  
</div>


Заранее всем спасибо)
Автор публикации: Загрузка
Загрузка
AndreyKlipikov, это его n материал
Источник: http://trane73.ru/
  • Всего комментариев: 11

FalleN
0
FalleN написал: Написано 03 Февраля 2012 в 09:27
Комментарий №2
на сss проще!!!

RAIDER
0
RAIDER написал: Написано 03 Февраля 2012 в 16:34
Комментарий №7
Но с помощью CSS у тебя не получился бы плавный сдвиг.

7soft
0
7soft написал: Написано 03 Февраля 2012 в 17:41
Комментарий №8
Получился бы, но не кроссбраузерно... Только в новых версиях современных браузеров. wink

Black_Sun
0
Black_Sun написал: Написано 03 Февраля 2012 в 17:43
Комментарий №9
Получится, но будет длиннее код, демку сюда поместил http://pastehtml.com/view/bmwtd2kpa.html

AndreyKlipikov
0
AndreyKlipikov написал: Написано 03 Февраля 2012 в 21:02
Комментарий №10
dry

AndreyKlipikov
0
AndreyKlipikov написал: Написано 03 Февраля 2012 в 03:55
Комментарий №1
Источник забыл biggrin

CreativeBoy
0
CreativeBoy написал: Написано 03 Февраля 2012 в 13:25
Комментарий №3
Бывает smile

Вовчик
0
Вовчик написал: Написано 03 Февраля 2012 в 15:04
Комментарий №4
и пол кода biggrin

AndreyKlipikov
0
AndreyKlipikov написал: Написано 03 Февраля 2012 в 21:02
Комментарий №11
Почему эт? surprised

CreativeBoy
0
CreativeBoy написал: Написано 03 Февраля 2012 в 15:10
Комментарий №5
biggrin

k43
0
k43 написал: Написано 03 Февраля 2012 в 15:27
Комментарий №6
biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2105
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Спасибо... А вот насчет "Но вот баги" можно поконкретнее???
  • CbIPoK2513 написал:
  • Интересная задумка и реализация.. Но вот баги.. А так хорошо.
  • LeKcUs написал:
  • Запомни раз и на всегда... Все файлы ВСЕ с окончанием .swf пишутся в Adobe Flash. Я лично пишу в Adobe Flash CS6 cool Я скоро выложу новый шаблон более интересный...
  • Winston888 написал:
  • Я с флешь не сталкивался поэтому интересно файл main.swf ты сам писал ? Если да то через что ?
  • LeKcUs написал:
  • Я думаю что следующая версия будет по дизайну лучше! Ждите.... cool
    Последние темы
    Опрос
    215
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 2
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: