我正在嘗試寫有橫幅的JavaScript。當我將鼠標懸停在橫幅上時,它會變成不同的橫幅。然後,當我將鼠標移出時,它應該保持不變。然後,當我將鼠標移回時,應該返回到原始的橫幅。但我無法弄清楚如何做到這一點。有什麼建議嗎?兩個ONMOUSEOVER在一個來源。 Javascript
-2
A
回答
2
使用JavaScript
<img onmouseover="changeImage()" id="myBanner" src="Images\image1.jpg"/>
<script>
function changeImage(){
if(document.getElementById("myBanner").src=="Images\image1.jpg"){
document.getElementById("myBanner").src="Images\image2.jpg"
}else{
document.getElementById("myBanner").src="Images\image1.jpg"
}
}
</script>
本工程爲2個圖像彼此之間切換。如果你想使用更多,我建議使用一個變量,你傳遞給函數和switch
,通過所有的選項。
+0
謝謝大衛完美無缺 – Dolbyover 2013-04-08 17:45:57
0
你只需要一個鼠標懸停處理切換:
(function() {
var imgTag = document.getElementsByTagName('img')[0];
imgTag.addEventListener('mouseover', function(e) {
var currentImage = imgTag.getAttribute('src');
imgTag.setAttribute('src', imgTag.getAttribute('data-other-image'));
imgTag.setAttribute('data-other-image', currentImage);
});
}());
這樣你就不必在你的HTML內嵌的JavaScript。
相關問題
- 1. 兩個div內的onmouseover
- 2. 的JavaScript的onmouseover隱藏一個div塊
- 3. onMouseover一個flash元素?
- 4. javascript獲取另一個域的來源
- 5. Onmouseover爲一個按鈕來顯示一個說明框
- 6. 在一個表格中結合兩個朋友關係來源
- 7. 在兩個來源的一個文件夾中使用git
- 8. 一個XSLT/XML兩個源
- 9. 組合兩個JSON源在一個
- 10. 來自兩個SVN回購來源
- 11. Javascript來兩個字符
- 12. onMouseOver中的兩個函數React.js
- 13. 在一個頁面源中的兩個DataTable源Ajax請求
- 14. Dashcode - 如何合併來自一個數據源的兩個值
- 15. 將兩個來源合併爲一個feed.xml
- 16. 一個更好的方式來使用onmouseover,onmouseleave
- 17. 結合來自同一來源的兩個計數查詢
- 18. 來自同一來源的加入兩個DataFrames
- 19. 多個來源
- 20. HTML/JavaScript onmouseover onclick多個事件
- 21. 如何在Perl中從單一來源生成兩個文件?
- 22. 比較javascript中兩個不同來源的字符串
- 23. SmartGWT兩個模塊一個數據源
- 24. 一個gridview - 兩個數據源?
- 25. 一個數據源的兩個輸出
- 26. 如何:兩個來源的ListBox?
- 27. 文件/任意兩個來源
- 28. 來自兩個源表等表格
- 29. Yii的CGridView - 顯示和兩個來源
- 30. icecast2。兩個來源,相同的流
你能分享問題代碼嗎? – PeeHaa 2013-04-08 17:26:26
你應該有一個數組,並通過mouseover上的橫幅id進行循環。 – JorgeeFG 2013-04-08 17:30:35