X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с js
Сергуня
Сергуня
Topic Starter сообщение 8.8.2012, 20:35; Ответить: Сергуня
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


Всем добрый вечер.

Задача: отображать элементы при наведении на блок.

Реализовывал так:
<script type="text/javascript">
$(window).load(function() {editbuttun();});

function editbuttun(){
$("div.commwrap").hover(
function() {
$(".otv" ,this).stop().animate({"opacity": "0.5"}, "slow");
},
function() {
$(".otv" ,this).stop().animate({"opacity": "0.00"}, "fast");
});

$("div.hov").hover(
function() {
$(".otv" ,this).stop().animate({"opacity": "1"}, "slow");
},
function() {
$(".otv" ,this).stop().animate({"opacity": "0.5"}, "fast");
});
}
</script>

<div class="commwrap">
<div class="hov">
<img class="otv" src="/images/reply.png" alt="">
<img class="otv" src="/images/edit.png" alt="">
<img class="otv" src="/images/delete.png" alt="">
</div>
</div>

Комментарий к коду: при наведении на блок с классом commwrap, в нем показывается блок с классом hov.

Проблема: Изначально элементы отображаться, хотя не должны. На этом скриншоте показано как именно:

После наведения на блок commwrap блок hov скрывается и отображается только по наведению на commwrap. Вот так:


Помогите, пожалуйста, разобраться.


--------------------
1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
serkaz
serkaz
сообщение 8.8.2012, 22:55; Ответить: serkaz
Сообщение #2


Участник
***

Группа: User
Сообщений: 203
Регистрация: 15.2.2012
Поблагодарили: 60 раз
Репутация:   10  


Изначально в css для класса hov opacity 0 прописан?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергуня
Сергуня
Topic Starter сообщение 8.8.2012, 23:04; Ответить: Сергуня
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


Если будет прописан то это приведет к полному исчезновению элемента и его последующему не появлению.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bananzz
Bananzz
сообщение 9.8.2012, 0:41; Ответить: Bananzz
Сообщение #4


Новичок
*

Группа: User
Сообщений: 44
Регистрация: 31.7.2012
Поблагодарили: 12 раз
Репутация:   2  


Изначально в css для класса hov opacity 0 прописан?

Решение верно.

Вы просто не указали исходный state для ваших картинок.
Если что-то не меняется - стоит перепроверить корректно ли у вас прописаны стили для элементов.

Рабочий пример того что требуется (как я понял) доступен тут: http://redoom.ru/static/jstest.html


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергуня
Сергуня
Topic Starter сообщение 9.8.2012, 1:46; Ответить: Сергуня
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


Какая же банальщина. Я указывал opacity для всего класса целиком а не для img. Спасибо.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2931 22.11.2017, 17:34
автор: metvekot
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1971 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Нужны наркотики? Не проблема
Скачай ТОР и покупай
17 PostBrigada 1171 29.9.2017, 11:55
автор: ECurEx
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1270 11.4.2017, 21:18
автор: SeoKot
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с группой в фейсбуке
9 Swissi 1334 21.1.2017, 20:11
автор: Swissi


 



RSS Текстовая версия Сейчас: 13.12.2017, 0:16
Дизайн