2017-01-20 78 views
1

我一直试图让开关与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> 
+2

你的参数应该是作为静态字符串 –

+0

引号内的img('showSq')值谢谢,修正,但它仍然不能使它工作。 – Snowshoot

+0

我只是测试它,它的工作原理! –

回答

1

您的PARAMS应该为IMG(“showSq”)和<span>标签丢失</span>标签

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

标签存在,但在params中添加''仅仅使圆圈出于某种原因 – Snowshoot

+0

然后它可能是一个错字或缺失的图像文件。你可以制作一个小提琴或钢笔吗? –

+0

看来,这个圈子是凌驾广场。当我在方块上运行鼠标时,它可以工作,但在我用圆圈尝试后,广场停止了任何操作。 – Snowshoot

0

添加单一法院进行函数参数的字符串

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