наведение на блок | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 4

наведение на блок

При наведении мышкой на блок, необходимо чтобы поверх этого блока, на который навели мышкой появлялся новый блок, со своими стилями. Какую функцию нужно вызвать для события onmouseover ?

19th Mar 2018, 3:41 PM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
12 Answers
+ 4
спасибо за отзыв, я сделала так как вы написали но ничего не происходит при наведении мышкой на блок. Может новому блоку нужно добавить стили?
20th Mar 2018, 1:23 PM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
+ 4
у меня на странице, файл !test
20th Mar 2018, 10:03 PM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
+ 4
круто, спасибо;)
21st Mar 2018, 10:23 AM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
+ 4
этот код работает некорректно. При наведении он создает несколько новых блоков
23rd Mar 2018, 12:38 PM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
+ 4
у меня есть скайп
23rd Mar 2018, 6:53 PM
🕸carpe diem🕸
🕸carpe diem🕸 - avatar
+ 3
Это можно сделать с помощью jquery. Просто надо селектировать элемент и вызвать mouseover, тогда в его параметре просто укажи функцию, добавляющую элемент. Примерный код: $( "#hovered-div" ).mouseover(function() { $( "#hovered-div" ).append( "<div>New div</div>" ); });
20th Mar 2018, 12:24 AM
Vladi Petrov
Vladi Petrov - avatar
+ 3
css: div:hover{ //переменные width:10px; //любое событие } jquery: $(function(){ s=$("div").width(); if(s>=10){ // что делать при клике }else{ //что делать пока клика не было } }); Так же работает и плагин Zoomy для jQuery но но ещё и прячет все содержимое а при ховере открывает облость видимости +20 рх по краям )) https://code.sololearn.com/WaU0X804030H/?ref=app
1st Apr 2018, 5:01 PM
Костюков Александр
Костюков Александр - avatar
+ 3
$(function(){ //по моему так проще });
1st Apr 2018, 8:32 PM
Костюков Александр
Костюков Александр - avatar
+ 2
Можешь показать код?
20th Mar 2018, 9:48 PM
Vladi Petrov
Vladi Petrov - avatar
+ 1
Надо обернуть js файл в document.ready function: https://code.sololearn.com/WHq60cP8lo0D/?ref=app
20th Mar 2018, 10:24 PM
Vladi Petrov
Vladi Petrov - avatar
+ 1
У тебя есть facebook, мы можем писать там, чтобы не делать спам здесь
23rd Mar 2018, 6:50 PM
Vladi Petrov
Vladi Petrov - avatar
+ 1
хорошо, можно по скайп
23rd Mar 2018, 6:56 PM
Vladi Petrov
Vladi Petrov - avatar