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

1029
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 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    271
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 9
    Гостей: 9
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: