При наведении курсора на картинку

@bridnya · Регистрация: 11.10.2015

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

Добрый вечер! К сути:
Хотелось сделать так, чтобы при наведении курсора на картинку подсвечивался рамкой текст расположенный в другом месте страницы. Не получается. Есть ли идеи?

@VardSeller · 11.10.2015, 13:38

Пробуйте делать через js. Создайте див с рамкой. Измени свойства элемента при онмаусе. Поставьте стиль display:none. В js документе в функции сделай чтобы при onmouseover был display:block. Вообщем как-то или так Почему то поставил звездочки в urlе. Вот первый вариант:

@newJS · 12.10.2015, 08:27

по быстрому так можно слепить

HTML5

1
2
3

<img src="pics/ie48.gif" alt="" id="imgTXT">
 
<div id="txtIMG">текст где то там за горизонтом</div>

Javascript

onload=function(){
var el=document.getElementById("imgTXT");
el.onmouseover=over;
el.onmouseout=out;
 };
 
 
function over(){
document.getElementById("txtIMG").style="border:2px solid red";
 };
 
function out(){
document.getElementById("txtIMG").style="border:0";
 };

@VardSeller · 12.10.2015, 12:08

Ну я так и сказал) Только без фрагмента кода)

@bridnya 0 / 0 / 0 Регистрация: 11.10.2015 Сообщений: 1
		1
	При наведении курсора на картинку 11.10.2015, 12:33. Показов 1652. Ответов 3 Метки нет (Все метки) Добрый вечер! К сути: Хотелось сделать так, чтобы при наведении курсора на картинку подсвечивался рамкой текст расположенный в другом месте страницы. Не получается. Есть ли идеи? 0

@VardSeller 13 / 13 / 6 Регистрация: 30.08.2015 Сообщений: 71
	11.10.2015, 13:38	2
	Пробуйте делать через js. Создайте див с рамкой. Измени свойства элемента при онмаусе. Поставьте стиль display:none. В js документе в функции сделай чтобы при onmouseover был display:block. Вообщем как-то или так Почему то поставил звездочки в urlе. Вот первый вариант: 0

@VardSeller 13 / 13 / 6 Регистрация: 30.08.2015 Сообщений: 71
	12.10.2015, 12:08	4
	Ну я так и сказал) Только без фрагмента кода) 0

Опции темы