Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Появление блока при наведении JS - JavaScript / 3 сообщений из 3, страница 1 из 1
15.06.2018, 15:46
    #39661351
angrybot
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Появление блока при наведении JS - JavaScript
Добрый день
есть span у него есть класс, необходимо чтобы при наведении на него курсора мыши появлялся небольшой блок. Сделал кое что но что то не работает


<span class="vopros_min_partiya">вќ“</span> минимальная партия </span>
mause.onmouseover=function(){
var mod=document.getElementsByClassName("modalka")[0];
mod.classList.add("modalvisible");

}
mause.onmouseout=function(){
var out=document.getElementsByClassName("modalka")[0];
out.classList.remove("modalvisible");
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2018, 16:23
    #39661382
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Появление блока при наведении JS - JavaScript
angrybot,

 
Так что ли?
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
<!DOCTYPE HTML>
<html>
<head>
	<title>tmp</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link rel="stylesheet" type="text/css" href="index.css">
<style>
*, *:before, *:after {box-sizing:border-box; outline:0; font:12px verdana;}
.vopros-min-partiya {
	position:relative;
	top:50px; left:100px;
	border:1px solid #aaa;
	padding:10px;
}
.modalka {
	position:absolute;
	background:#eea;
	border:1px solid #FFD700;
	padding:5px;
	display:none;
}
</style>
</head>
<body>

<span id="min1" class="vopros-min-partiya">минимальная партия</span>
<div class="modalka">Всплывающее<br>сообщение</div>

<script>
'use strict';

function gid(i) {return document.getElementById(i);}
function QS(el,s) {return el.querySelector(s);}

var min1 = gid('min1'), ms = QS(document, '.modalka').style;

min1.onmouseover = function() {
	var box = this.getBoundingClientRect();
	ms.left = box.left + 5 + 'px';
	ms.top = box.bottom - 5 + 'px';
	ms.display = 'block';
}

min1.onmouseout = function() {
	ms.display = 'none';
}
</script>
</body>
</html>

...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.06.2018, 16:31
    #39661386
angrybot
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Появление блока при наведении JS - JavaScript
прямо в дырочку)
щас только пошаманю с внешним видом и все супер)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Появление блока при наведении JS - JavaScript / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 374ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1444130]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 40ms
get topic data:
 14ms
get forum data:
 3ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 234ms
total:  374ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]