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

あなたのparamsは引用符で囲んだimg（ 'showSq'）の値を静的な文字列として指定してください –

ありがとう、修正済みですが、まだ動作しません。 – Snowshoot

私はちょうどそれをテストし、それは動作します！ –

あなたのparamsは、IMG（「showSq」）と<span>タグとしてあるべきあなたの助けを事前に感謝は、関数パラメータの文字列を作るために</span>タグ

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

出典

2017-01-20 07:17:02

タグがありますが、 'に'を追加すると何らかの理由で円が働く – 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

答えて

関連する問題