Javascript 使用onmouseover和onmouseout事件切换案例_Javascript_Switch Statement_Case_Onmouseover_Onmouseout

Javascript 使用onmouseover和onmouseout事件切换案例

javascript

Javascript 使用onmouseover和onmouseout事件切换案例,javascript,switch-statement,case,onmouseover,onmouseout,Javascript,Switch Statement,Case,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("squ

我一直在尝试使用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>


功能img（img）{
开关（img）
{
案例“showSq”：
document.getElementById（“square”）.innerHTML=''；
打破
案例“hideSq”：
document.getElementById（“square”）.innerHTML=''；
打破
案例“showCr”：
document.getElementById（“圆圈”）.innerHTML=''；
打破
“hideCr”案：
document.getElementById（“圆圈”）.innerHTML=''；
打破
}}
几何学

广场
圆圈

您的参数应为img（'showSq'），并且

标记缺失

标记

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

添加单个法院以生成函数参数字符串

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

SQUARE，
圆圈

您的参数应该是img（'showSq'）值，引号内的值应该是静态字符串谢谢，已修复，但它仍然无法工作。我刚刚测试了它，它工作了！我可以知道你用的是哪个浏览器吗？我真的无法在chrome中使用它。我使用的是Google chrome。标记在那里，但将“”添加到参数中只会使circle在某些原因下起作用。那么它可能是打字错误或缺少图像文件。你能创作小提琴或钢笔吗？看来圆圈是最重要的正方形。当我把鼠标放在正方形上时，它就工作了，但当我试着用圆圈时，正方形就停止做任何事情了。