0

div内に画像があり、マウスが上にあるときに変更し、マウスが外にあるときに元に戻そうとしています。ただし、マウスアウトのdivに画像を挿入するのに問題があります。これまたは代替メッセージについて行くための特定の方法です。問題は、HTML挿入でのスラッシュの配置にあるようです。

  <div class='myImage' onmouseout='this.innerHTML = '<img src='./images/myImage.jpg' />' onmouseover='this.innerHTML = \"\"; this.style.backgroundColor = \"#1D4088\"' style='height:100px; width:100px'><image src='./images/myImage.jpg'></div>
4

2 に答える 2

2

うーん、心配しないで、あなたは物事を複雑にしすぎているようです。

「スプライト」チュートリアルに従ってみてください。

これが良いものです：

本当に入りたいのなら：http ：//css-tricks.com/css-sprites/

于 2012-04-14T03:28:44.517 に答える
1

二重引用符と一重引用符が少し競合していると思います。代わりに JavaScript を関数に入れてみてください

<div class="myImage" onmouseout="toggle(this,'1')" onmouseover="toggle(this,'2')" style="height:100px; width:100px"><image src="./images/myImage.jpg"></div>

そしてジャバスクリプト

function toggle(e,a) {
    if(a=='2') {
        e.innerHTML = '';
        e.style.backgroundColor = '#1D4088';
    } else {
        e.innerHTML = '<img src="./images/myImage.jpg" />';
        e.style.backgroundColor = '';
    }
}
于 2012-04-14T03:45:30.810 に答える