Перейти к содержимому


Пользователь месяца
magnet magnet 1-й за Январь
Очков активности: 621 0 тем, 69 сообщений, 6 баллов репутации
Сайт: rbfxdirect.com
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 418.5 0 тем, 31 сообщение, 9 баллов репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 396 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #3

    OlgaGetman
    Очков активности: 357 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #4

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 315 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #5

    Ixman (o5cat.ru)
    Очков активности: 279 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #6

    Mandarin
    Очков активности: 210 0 тем, 28 сообщений, 5 баллов репутации

  • Фотография r0mZet
    #7

    r0mZet (rz-style.ru)
    Очков активности: 102 0 тем, 17 сообщений, 4 балла репутации

  • Фотография magnet
    #8

    magnet (rbfxdirect.com)
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #9

    WGN (worldgamenews.com)
    Очков активности: 39 0 тем, 26 сообщений, 1 балл репутации

  • Фотография Rodiola
    #10

    Rodiola
    Очков активности: 31.5 0 тем, 21 сообщение, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 16.02.2019
Топ 5 участников по репутации


Меню для сайта и операторы выбора на JS

#1 WebMaster

WebMaster
  • Неактивные
  • 97 сообщений
  • Репутация: 3
0

Отправлено 21 September 2012 - 15:09

Всем привет! Кто не помнит, я не программист! Поэтому снова к Вам за помощью! В общем есть горизонтальное меню. Есть кнопки по умолчанию. Есть нарезанные картинки кнопок, которые должны появляться при наведении. Хотелось бы узнать как это реализовать на JS. У меня установлен и настроен JQuery.

Мне необходимо чтобы при наведении мыши на какой либо пункт меню вылазила другая картинка. Изначально установлена обычная горизонтальная полоса градиента. Потом при наведении на страницу, например, Главная, подключается изображение с вдавленым градиентом, например. И получается динамическое меню. Какой пример подскажите?

 

 

  • 0

#2 surfer

surfer
  • Заблокированные
  • 1956 сообщений
  • Репутация: 71

Отправлено 21 September 2012 - 16:20

тебя не поймешь, то ты знаток html5, то уже не программист,
это вполне реализуется и без js погугли решений валом.
  • 0

#3 WebMaster

WebMaster
    Topic Starter
  • Неактивные
  • 97 сообщений
  • Репутация: 3

Отправлено 21 September 2012 - 20:33

не, я потом еще анимацию добавлю... HTML5 знаю, JS нет.
  • 0

#4 surfer

surfer
  • Заблокированные
  • 1956 сообщений
  • Репутация: 71

Отправлено 22 September 2012 - 01:43

а причем здесь анимация? ТЫЦ
  • 0

#5 WebMaster

WebMaster
    Topic Starter
  • Неактивные
  • 97 сообщений
  • Репутация: 3

Отправлено 22 September 2012 - 04:34

Чтобы плавно появлялась картинка при наведении а не просто резко выскакивала...
  • 0

#6 yury

yury
  • Пользователь
  • 646 сообщений
  • Репутация: 190

Отправлено 22 September 2012 - 19:33

Для смены изображения на кнопках меню JS не требуется.
Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>tst</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul#menu{
list-style: none;
width: 1000px;
height: 36px;
background: url(menu1.png) 0 0 repeat-x;
}
ul#menu li{
float: left;
padding-left: 1px;
font: normal 12px/38px Verdana, Geneva, "DejaVu Sans", sans-serif;
height: 36px;
background: url(menu1.png) 0 -36px no-repeat;
}
ul#menu li a{
float: left;
padding: 0 14px;
height: 36px;
color: #333;
text-decoration: none;
text-transform: uppercase;
}
ul#menu li a:hover,
ul#menu li a#cur{
color: #90f;
background: url(menu1.png) 0 -72px repeat-x;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Главная</a></li>
<li><a href="#">Наши преимущества</a></li>
<li><a href="#">Прайс-лист и каталог</a></li>
<li><a href="#" id="cur">Контакты</a></li>
<li><a href="#">Регистрация продукта</a></li>
</ul>
</body>
</html>
Картинка, используемая в примере (menu1.png размером 1 на 108 px) — menu1.png
  • 1

#7 leonid

leonid
  • Неактивные
  • 16 сообщений
  • Репутация: 0

Отправлено 24 September 2012 - 22:49

Меня как раз такая же проблема волновала, так что спасибо Постояльцу за детальный код, просто можно и знать какой то язык программирования, но клеманет и не можешь из памяти вытянуть нужный код.
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru