Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
dimonise
0 / 0 / 0
Регистрация: 07.08.2011
Сообщений: 14
1

помогите с fadeOut()

21.11.2011, 16:52. Просмотров 1571. Ответов 10
Метки нет (Все метки)

всем привет! возникла следующая ситуёвина - нужно наводить на ссылку и все на странице исчезает, убираю мышь - все появляется. в принципе я это сделал, НО! нужно сделать так чтобы исчезало все, кроме той ссылки на какую навел. подскажите кто может...

Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $("a").mouseover(function () {
      $("a,p").fadeOut("300000");
    });
  });
  
 $(document).ready(function(){
    $("a").mouseout(function () {
      $("a,p").fadeIn("300000");
    });
  });
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.11.2011, 16:52
Ответы с готовыми решениями:

функция в fadeOut
Всем добрый день! Не могли бы вы мне помочь? У меня есть такая конструкция:...

FadeIn/fadeOut
при такой структуре можно разкрыть/скрыть именно тот блок в котором кнопка...

animate и fadeOut одновременно
как сделать так, что б после нажатия на обьект он включил animate и fadeOut...

Проблемы с fadeIn/fadeOut
Всем доброго времени суток! Помогите решить проблемку. Добавил 2 слайдера на...

Блок не исчезает после fadeOut()
$(document).ready(function(){ $("#back-top").hide(); $(function () {...

10
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
21.11.2011, 18:30 2
для этой ссылки пропиши id , а в коде используй not
Допустим ты назвал id - ssilka
Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $("a :not[#ssilka]").mouseover(function () {
      $("a,p").fadeOut("300000");
    });
  });
  
 $(document).ready(function(){
    $("a").mouseout(function () {
      $("a,p").fadeIn("300000");
    });
  });
не проверял, но тут точно надо использовать not
0
dimonise
0 / 0 / 0
Регистрация: 07.08.2011
Сообщений: 14
21.11.2011, 19:37  [ТС] 3
не получается... ну да ладно, тут другая проблема - в мазилле когда наводишь мышку - то прямо мигалка получается... все время мигает, в хроме не так но все равно чуть мышку подвинул (даже не сводя ее с объекта) мигает.. как побороть?
0
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
21.11.2011, 20:01 4
Цитата Сообщение от Love_and_Peace Посмотреть сообщение
$("a :not[#ssilka]").mouseover(function () {
тута не нужен пробел и надо поставить круглые скобки
Javascript
1
$("a:not(#ssilka)").mouseover(function () {
тоже самое пропиши и для mouseout, может мерцание пройдет
0
dimonise
0 / 0 / 0
Регистрация: 07.08.2011
Сообщений: 14
22.11.2011, 16:20  [ТС] 5
не помогает... уж не знаю что и делать. not не срабатывает, мерцание так и осталось....
0
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
22.11.2011, 16:39 6
а.. блин, не то написал, точнее не там.
для ссылки на которую наводишь,такой механизм
Javascript
1
$("#ssilka").mouseover(function () {
тоже самое и для mouseout
А not уже надо прописать для метода fadeOut
Javascript
1
$("a:not(#ssilka),p").fadeOut("300000");
и здесь тоже самое для mouseout

Если не сработает попробуй р убрать из fadeOut
0
dimonise
0 / 0 / 0
Регистрация: 07.08.2011
Сообщений: 14
22.11.2011, 19:11  [ТС] 7
все равно не работает
вот как у меня
Javascript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $("#batt1").mouseenter(function () {
      $("a,img,p").not(document.getElementById("batt1")).fadeOut("300000");
    });
  });
  
 $(document).ready(function(){
    $("#batt1").mouseleave(function () {
      $("img,a,p").fadeIn("300000");
    });
  });
HTML5
1
<a href="#" id="batt1"><img alt=""  src="img/butterfly13.png" /></a>
0
__PION__
956 / 797 / 85
Регистрация: 21.07.2010
Сообщений: 3,521
22.11.2011, 19:40 8
dimonise, может я что то пропустил, но я не видел чтобы not так писали. Через точку, если мне память не изменяет, пишутся методы, а not - это не метод.
Посмотри где я пишу not.
и попробуй убрать пробелы тута
Цитата Сообщение от dimonise Посмотреть сообщение
$("a,img,p")
это же метод js, а не jQuery
Цитата Сообщение от dimonise Посмотреть сообщение
document.getElementById
Ты же вначале написал
Цитата Сообщение от dimonise Посмотреть сообщение
$(document).ready(function(){
- это уже означает что ты обращаешься ко всему документу.

Еще раз -
убери пока img, p. и прикрепи not как я показал. Если не получится значит не там копаем.
В любом случае максимаотно упрости код.

Сделай так - по нажатию этой ссылки исчезала например одна картинка (дай этой картинке id), потом, уже по образу и подобию, усложняй
0
vixa
Рождён удивлять
53 / 56 / 9
Регистрация: 08.08.2011
Сообщений: 440
25.11.2011, 12:46 9
Java
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $("a").mouseover(function () {
      $("a,p").fadeOut("300000");
    });
  });
  
 $(document).ready(function(){
    $("a").mouseout(function () {
      $("a,p").fadeIn("300000");
    });
  });
зачем такой код большой писать придумали функцию hover(); для наведения и уведения мышки
Java
1
2
3
4
5
6
7
8
9
$(document).ready(function(){
    $('a').hover(function() {
    $('a').fadeOut(300000); // Попробуй еще вариант $('a:not(this)').fadeOut
    $(this).fadeIn();
},
function() {
$('a').fadeIn(300000);
});
};
0
dimonise
0 / 0 / 0
Регистрация: 07.08.2011
Сообщений: 14
26.11.2011, 13:35  [ТС] 10
да, спасибо. я уже разобрался!
0
vixa
26.11.2011, 15:21     помогите с fadeOut()
  #11
 Комментарий модератора 
3.9. Запрещено накручивать репутацию любым способом, включая создание пользователей-клонов, а также склонять (агитировать) других пользователей к ее повышению.

Скоро горчичники в ход пойдут.
0
26.11.2011, 15:21
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.11.2011, 15:21
Привет! Вот еще темы с ответами:

FadeIn/fadeOut через заданное время
Здравствуйте, у меня есть небольшой блок который обновляется раз в минуту:...

Что делать если TypeError: $(.).fadeOut is not a function
Хочу поменять класс елемента при нажатии на кнопку с класом link, но вилазит...

FadeOut
Всем привет! Имеется код (источник http://tradebenefit.ru/art?id=174): ...


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

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

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