Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2010, 15:03
Новичок на форуме
Отправить личное сообщение для Alex768 Посмотреть профиль Найти все сообщения от Alex768
 
Регистрация: 03.09.2010
Сообщений: 3

Анимация навигации
Всем доброго времени суток, хотелось бы анимировать фон меню, чтобы при наведении курсора на пункт меню плавно появлялся фон у этого пункта по средствам css и js (примерно как тут), а как это реализовать - я незнаю. Был был очень признателен за помощь ибо в js я полный zero
Код меню:
Код:
<div class="navigation">
<a href="#" class="first"><span class="with-subtitle">Главная<div class="subtitle">Главная страница</div></span></a>
<a href="#"><span class="with-subtitle">Ваш пункт<div class="subtitle">Описание пункта</div></span></a>
<a href="#"><span class="with-subtitle">Ваш пункт<div class="subtitle">Описание пункта</div></span></a>
<a href="#"><span>Ваш пункт</span></a>
<a href="#"><span>Ваш пункт</span></a>
<a href="#"><span>Ваш пункт</span></a></div>
и css стили
Код:
div.navigation {margin-left:30px;}
div.navigation a {display: block;float: left;font-family: Arial, Helvetica, sans-serif;font-size: 15px;color: #717475;text-transform: uppercase;text-decoration: none;background:none;text-shadow: #FFFFFF 0px 1px 0px;padding-right: 12px;outline: none;margin-top:4px;}
div.navigation a span {display: block;line-height: 13px;background: none;padding: 14px 0 15px 12px;}
div.navigation a:link {color: #717475;}
div.navigation a:visited {color: #717475;}
div.navigation a:active {color: #000000;}
div.navigation a:hover {background: url(button_r.png) no-repeat top right;color: #9D50CA;}
div.navigation a:hover span {background: url(button_l.png) no-repeat;}
div.navigation a.first {color: #9D50CA;}
div.navigation a span.with-subtitle {padding: 10px 0 6px 12px;}
div.navigation a span.with-subtitle div.subtitle {font-size: 9px;text-transform:none;}
и маленькое пояснения для тех кто не хочет полностью изучать код )) пункты меня состоят из 2 фоновых изображений, одно подключено к тегу <a> а второе к <span>
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2010, 19:38
Кандидат Javascript-наук
Отправить личное сообщение для Suharik Посмотреть профиль Найти все сообщения от Suharik
 
Регистрация: 06.04.2010
Сообщений: 130

На том сайте есть большая кнопка DOWNLOAD вот скачиваете скрипт, подключаете к сайту и перерабатываете фаил index.html как хотите ну и фаил со стилями тоже меняйте.
Ответить с цитированием
  #3 (permalink)  
Старый 08.10.2010, 21:04
Новичок на форуме
Отправить личное сообщение для Alex768 Посмотреть профиль Найти все сообщения от Alex768
 
Регистрация: 03.09.2010
Сообщений: 3

Навигация...
я обеими руками за, но, мне нужно чтоб фреймворк использовался юкозовский (http://s18.unet.com/src/u.js), а там версия поновее и почему- то у меня не работает как надо руки кривые значит

Последний раз редактировалось Alex768, 08.10.2010 в 21:09.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Анимация и управление строчкой текста INI jQuery 2 31.08.2010 08:22
Анимация. Помогите понять почему не работает. kadurban jQuery 4 08.07.2010 20:50
Не работает меню навигации! AquaGen Internet Explorer 6 03.03.2009 02:40
Цикличность анимация? SashaBorandi jQuery 1 25.12.2008 09:20
Скрипт Навигации (na3) igorta Ваши сайты и скрипты 0 22.09.2008 23:41