使用 onmouseover 和 onmouseout 事件切换大小写
Switch cases with onmouseover and onmouseout events
我一直在尝试让开关同时使用 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('showSq') 并且缺少 <span>
标签 </span>
标签
<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>
我一直在尝试让开关同时使用 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('showSq') 并且缺少 <span>
标签 </span>
标签
<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>