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


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

950
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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 2
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: