Шкафы-переключатели с событиями onmouseover и onmouseout

Я пытаюсь получить переключатель для работы как с onmouseover, так и с onmouseout, но я не знаю, как привязать его к событиям. Заранее спасибо за помощьШкафы-переключатели с событиями onmouseover и onmouseout

<script> 
function img(img){ 
switch(img) 
{ 
case "showSq": 
document.getElementById("square").innerHTML = '<img src="square.png">'; 
break; 
case "hideSq": 
document.getElementById("square").innerHTML = ''; 
break; 
case "showCr": 
document.getElementById("circle").innerHTML = '<img src="circle.png">'; 
break; 
case "hideCr": 
document.getElementById("circle").innerHTML = ''; 
break; 
}} 
</script> 
<body> 
<div id=right> 
<h1> Geometry </h1> 
<p> 
<span onmouseover="img(showSq)" onmouseout="img(hideSq)"> SQUARE</span>, 
<span onmouseover="img(showCr)" onmouseout="img(hideCr)"> CIRCLE </span> 
</p> 
<p> <span id="circle"> <span id="square"> </p> 
</div>

источник

2017-01-20 Snowshoot

Ваши параметры должны быть как значения img ('showSq') внутри кавычек как статическая строка –

Спасибо, исправлено, но оно все еще не заставляет его работать. – Snowshoot

Я только что протестировал его, и он работает! –

вашего PARAMS должен быть IMG («showSq») и <span> тегов отсутствует </span> тегов

<p> <span id="circle"></span> <span id="square"></span> </p>

источник

2017-01-20 07:17:02

Теги есть, но добавление '' в params только делает работу по кругу по какой-то причине – Snowshoot

Тогда это может быть опечатка или отсутствующий файл изображения. Можете ли вы создать скрипку или ручку? –

Кажется, что круг является квадратом. Когда я запускаю указатель мыши над квадратом, он работает, но после того, как я попытаюсь с кругом, квадрат перестает делать что-либо. – Snowshoot

Однодневный суды, чтобы сделать строку параметра функции

<span onmouseover="img('showSq')" onmouseout="img('hideSq')"> SQUARE</span>, 
<span onmouseover="img('showCr')" onmouseout="img('hideCr')"> CIRCLE </span>

источник

2017-01-20 07:38:21

Шкафы-переключатели с событиями onmouseover и onmouseout

ответ

Смежные вопросы