Переключение случаев с событиями 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>

javascript switch-statement case onmouseover onmouseout
person Snowshoot    schedule 20.01.2017    source источник
comment
ваши параметры должны быть как значения img('showSq') внутри кавычек как статическая строка   -  person Vinod Louis    schedule 20.01.2017
comment
Спасибо, исправил, но все равно не работает.   -  person Snowshoot    schedule 20.01.2017
comment
Я только что проверил это, и это работает!   -  person ibrahim mahrir    schedule 20.01.2017
comment
Могу я узнать, какой браузер вы использовали? Я действительно не могу заставить его работать в хроме.   -  person Snowshoot    schedule 20.01.2017
comment
Я использую Google Chrome   -  person ibrahim mahrir    schedule 20.01.2017

Ответы (2)


arrow_upward
1
arrow_downward

ваши параметры должны быть такими, как img('showSq') и <span> теги отсутствуют </span> теги

<p> <span id="circle"></span> <span id="square"></span> </p>
person Jeyenth    schedule 20.01.2017
comment
Теги ‹/span› есть, но добавление '' к параметрам по какой-то причине заставляет работать только круг - person Snowshoot; 20.01.2017
comment
Тогда это может быть опечатка или отсутствующий файл изображения. Можете ли вы создать скрипку или ручку? - person Jeyenth; 20.01.2017
comment
Кажется, что круг важнее квадрата. Когда я провожу мышью по квадрату, он работает, но после того, как я пытаюсь сделать это с кругом, квадрат перестает что-либо делать. - person Snowshoot; 20.01.2017

arrow_upward
0
arrow_downward

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

<span onmouseover="img('showSq')" onmouseout="img('hideSq')"> SQUARE</span>,
<span onmouseover="img('showCr')" onmouseout="img('hideCr')"> CIRCLE </span>
person Imran Saleem    schedule 20.01.2017