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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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

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

Реализовывал так:
<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


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


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


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


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


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

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

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

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


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


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2339 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1430 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4719 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2687 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:59
Дизайн