當用戶懸停在網頁上時,如何讓網頁中的圖像消失?如何讓img在懸停時消失?
1
A
回答
0
試試這個:
<div id="test" name="test" onmouseover="document.getElementById('test_image').style.visibility= 'hidden';" onmouseout="document.getElementById('test_image').style.visibility= 'visible'">
<img src="http://www.google.com/intl/en_ALL/images/logo.gif" id="test_image">
</div>
3
圖像隱藏onHover選項:
<img onmouseover="this.style.visibility = 'hidden';" src="..." />
圖像隱藏onHover選項,並重新出現在鼠標移動之後離開
<img onmouseover="this.style.visibility = 'hidden';" onmouseout="this.style.visibility = 'visible';" src="..." />
5
CSS的一點應該解決這個問題:
img:hover {
display: none;
}
很明顯,你會想指定一個唯一的ID或類(取決於你想要的行爲)。
1
我試圖做同樣的事情,發現顯示:沒有真正的毛病。
試試這個。
img:hover {
opacity: 0;
}
0
Jquery的:
$(document).ready(function() {
$("image").hover(function() {
$(this).animate({"opacity": "0"}, "fast"); //fast(200 milisec) or slow(600 milisec)
},
function() {
$(this).animate({"opacity: "1"}, "fast");
});
});
相關問題
- 1. 如何讓div在懸停時消失,另一個出現?
- 2. 如何讓一個div出現在懸停和消失懸停出來?
- 3. 懸浮div消失懸停
- 4. 子菜單在懸停時消失
- 5. 如何讓img:懸停在頁面邊界內?
- 6. css讓IMG顯示當懸停鋰
- 7. 帶縮放懸停框陰影消失img
- 8. 懸停時超鏈接消失
- 9. 懸停時下拉菜單消失
- 10. 懸停時CSS邊框消失
- 11. 當明顯的方法讓懸停消失時,我該如何處理「a:懸停式」Heisenbug?
- 12. jquery懸停效果消失
- 13. 懸停狀態消失ie8
- 14. 懸停標籤消失
- 15. 懸停在菜單下拉菜單 - 如何使懸停效果不消失?
- 16. 懸停效應消失,懸停在文本
- 17. CSS鼠標懸停在鼠標懸停消失
- 18. 如何讓文字懸停?
- 19. 讓菜單停留並且不會在懸停在區域外消失
- 20. CSS菜單消失在懸停
- 21. 如何在懸停時更改'a'標籤內的img?
- 22. 如何讓鼠標在懸停時消失而不會在鼠標移動時閃爍?
- 23. 如何讓一個元素懸停在其他元素上時懸停
- 24. 如何讓圖像懸停在CSS?
- 25. 子菜單在懸停時正在消失
- 26. 如何使菜單單擊消失在懸停
- 27. 想讓懸停
- 28. 錨覆蓋的img懸停
- 29. 彈出到懸停img
- 30. jQuery的fadeTo IMG SRC懸停
:懸停在圖像上是在IE馬車,應該使用僞類:懸停僅鏈接http://reference.sitepoint.com/css/pseudoclass-翱翔 – 2011-01-27 11:53:15