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. Спасибо.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОцените сайт "бизнес, новости, право". В чем проблема?
22 Merzuka 3174 23.5.2018, 12:15
автор: nikolay_web
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1577 11.4.2017, 21:18
автор: SeoKot
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с группой в фейсбуке
9 Swissi 1490 21.1.2017, 20:11
автор: Swissi
Открытая тема (нет новых ответов) Проблема с плагином wp-shop в движке WordPress
Прошу помочь.
0 Stingeo 1446 27.6.2014, 1:42
автор: Stingeo
Открытая тема (нет новых ответов) Проблема с переносом на другой хостинг сайта DLE
5 Вентилятор 1330 24.12.2012, 5:17
автор: crazyyy


 



RSS Текстовая версия Сейчас: 27.5.2018, 14:46
Дизайн