切換案例與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事件

回答

相關問題