在鼠標上插入圖像並將鼠標移出

我在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>

來源

2012-04-14 Christopher

我覺得你的雙人和單引號是有點矛盾的，則嘗試將javascript改成一個函數，而不是

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

和JavaScript

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-14 03:45:30 PaulMrG

謝謝保羅。優秀的答案！ – Christopher 2012-04-14 03:51:05

嗯似乎你過於複雜的事情，不要擔心。

請遵循theprite's教程。

Here's一個很好的一個：

，如果你真的想進入它：http://css-tricks.com/css-sprites/

來源

2012-04-14 03:28:44 krekettek

感謝您的意見。然而，圖像myImage實際上是動態的，並從另一個js函數本身插入。所以它不得不以那種方式工作。 – Christopher 2012-04-14 03:34:48

沒問題..沒什麼經驗。嘗試讀這然後：http://www.quackit.com/javascript/image_rollovers.cfm 出於好奇，是否有一個特定的原因，爲什麼你使用這種方法？ – krekettek 2012-04-14 03:38:51

謝謝...如果檢查出來。我這樣做是因爲我可以從jSON對象中讀取ID標籤，並將它們發佈到腳本myImages.php？id =（id）。然後，我可以動態地在頁面上插入圖像等做我喜歡他們的任何事情。我只是試圖做出一些很酷的效果，當你把鼠標放在它們上面，但不能讓它恢復到圖像。 – Christopher 2012-04-14 03:44:02

在鼠標上插入圖像並將鼠標移出

回答

相關問題