Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
13 / 10 / 3
Регистрация: 22.12.2013
Сообщений: 378
1

Заставить скрипт работать на кажлый элемент отдельно

22.01.2015, 18:56. Показов 542. Ответов 2
Метки нет (Все метки)

Я уже сделал скрипт, который должен плавно закрашивать фон менюшки. Но есть проблема. При наведении на один из пунктов закрашиваются все, но это и логично, ибо вот код:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 .menutoplis {
  position: relative;
  overflow: hidden;
}
 .inblock {
  position: absolute;
  height:44px;
  width:100%;
  background-color: #f63;
  top: 42px;
  z-index:1;
}
.hg {
  position: relative;
  height:44px;
  width:100%;
  z-index:100;
}
HTML5
1
2
3
4
5
6
7
8
9
<div class="bottommenu" id="bottommenu">
<ul class="menutop">
<li class="menutoplis"><div class="hg">Главная</div><div class="inblock"></div></li>
<li class="menutoplis"><div class="hg">Магазин</div><div class="inblock"></div></li>
<li class="menutoplis"><div class="hg">Форум</div><div class="inblock"></div></li>
<li class="menutoplis"><div class="hg">О нас</div><div class="inblock"></div></li>
</ul>
<div class="clear"></div>
</div>
Javascript
1
2
3
4
5
6
7
$('.hg').hover(function(){
$('.inblock').stop(true).animate({top: "0"}, 400);
});
 
$('.hg').mouseout(function(){
$('.inblock').stop(true).animate({top: "42"}, 400);
});
Никак не доходит как заставить работать скрипт на каждый пункт меню по-человечески, что бы не писать по 4 строчки на каждый пункт меню отдельно, не подскажите?
Благодарю за внимание!
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
22.01.2015, 18:56
Ответы с готовыми решениями:

Заставить работать вложенный скрипт
Здравствуйте! Новичок в bash, прошу подсказать. Судя по истории, тема возникала, но решения так и...

Как заставить скрипт работать?
Пытаюсь разобраться в основах JS и JQ, но даже азы даются с трудом. Как заставить данный код...

Как заставить работать скрипт
Добрый день! Имеется скрипт проверки совместимости версии iOS для репозитория Cydia. const...

Скрипт с картинками не могу заставить работать
&lt;html&gt; &lt;head&gt; &lt;title&gt;Автоматическая циклическая смена картинок&lt;/title&gt; &lt;/head&gt; &lt;script...

2
433 / 352 / 259
Регистрация: 29.11.2011
Сообщений: 628
22.01.2015, 19:09 2
Javascript
1
2
3
4
5
6
7
$('.hg').hover(function(){
   $(this).next('.inblock').stop(true).animate({top: "0"}, 400);
});
 
$('.hg').mouseout(function(){
   $(this).next('.inblock').stop(true).animate({top: "42"}, 400);
});
Тест: http://jsfiddle.net/qvq62trv/1/
1
13 / 10 / 3
Регистрация: 22.12.2013
Сообщений: 378
22.01.2015, 19:45  [ТС] 3
LASSO, Огромное спасибо!
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.01.2015, 19:45

как заставить скрипт работать в Wordpress?
Имеется Вордпресс. Есть код, есть скрипт. Работу видно здесь. При выборе из первого селекта, во...

Как заставить скрипт работать с ssmtp?
подскажите, как заставить скрипт работать под ssmtp? суть в том, на сколько я понял, он должен...

Заставить работать скрипт без интернета
Кто знает как изменить вот такую строчку в коде &lt;script type=&quot;text/javascript&quot;...

Вывод записей из БД. Простой скрипт не могу заставить работать
Всем привет! Не могу заставить работать простой скрипт с выводом записей из БД. Помогите,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.