Как скрыть блок css?

269

01 января 2019, 00:00

Возник вопрос. Использую псевдокласс hover для того чтобы скрыть блок, но после того как я убираю курсор с блока он снова появляется. Каким образом можно сделать так, чтобы когда ты первый раз перемещаете курсор на объект он полностью исчезал и больше не появлялся пока пользователь не перезагрузит страницу?

Answer 1

Можно так:

span { 
  background-color: blue; 
  margin: 10px; 
  width: 50px; 
  height: 50px; 
  float: left 
}

<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span> 
<span onmouseover="this.style.opacity='0'"></span>

Answer 2

let block = Array.prototype.slice.call(document.querySelectorAll('blockSelector'),0);
block.forEach(element => {
    element.addEventListener('mouseover', ()=> {element.style.opacity = 0});
})

где фраза 'blockSelector', укажи CSS селектор ('.hiding_block' , например) в кавычках

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

JQuery фильтр с множественными категориями

Есть простой фильтр

184

jQuery

В чем может быть причина undefined у offset().top?

господа

183

jQuery

Плавное разворачивание блока

Вроде бы типичная ситуация, но не могу понять, как сделать на jQuery плавно разворачивающиеся текст? То бишь, мне нужен аналог slideToggle для блока,...

178

jQuery

Запись значения radio в переменную jQuery

есть код который позволяет скрыть определенные элементы, при значение из спискаКак его переделать, чтобы он работал при radio?

195