Появление блока

@Aleksandrw · Регистрация: 05.01.2018

Author24 — интернет-сервис помощи студентам

При наведении курсора мышки на один из элементов - три блока становятся прозрачными, при отведении - видимыми . В моем случае : если двигать мышкой внутри области любого элемента - все блоки "мигают". Что необходимо исправить ?

Javascript

    var block = document.getElementsByName ("one");
    for (var i = 0 ; i < block.length ; i++ ){
          block[i].onmouseenter = function  () {
            for (var i = 0 ; i < block.length ; i++ ){
             block[i].style.visibility = "hidden";
                 }
             }
          block[i].onmouseleave = function  () {
            for (var i = 0 ; i < block.length ; i++ ){
             block[i].style.visibility = "";
                 }
             }
          }

@andyyy · 06.02.2018, 15:28

а html?

@Balanaar · 06.02.2018, 15:29

Потому что когда вы наводите мышь на элемент, он полностью скрывается. При следующем малейшем сдвиге мыши отработает событие onmouseleave, потому что элементы скрыты. Они появятся на курсоре и при следующем сдвиге мыши снова сработает onmouseenter. И так по кругу. Делайте через opacity. Визуально получится так же как и при visibility.

Javascript

    var block = document.getElementsByName ("one");
    for (var i = 0 ; i < block.length ; i++ ){
          block[i].onmouseenter = function  () {
            for (var i = 0 ; i < block.length ; i++ ){
             block[i].style.opacity = 0;
                 }
             }
          block[i].onmouseleave = function  () {
            for (var i = 0 ; i < block.length ; i++ ){
             block[i].style.opacity = 1;
                 }
             }
          }

@andyyy 767 / 323 / 157 Регистрация: 26.05.2016 Сообщений: 2,127
	06.02.2018, 15:28	2
	а html? 0

	06.02.2018, 15:29

Опции темы