需要顯示一組圖像鼠標懸停圖像使用jQuery

-1

如何顯示鼠標懸停圖像組使用jQuery圖像組？需要顯示一組圖像鼠標懸停圖像使用jQuery

請提供任何鏈接或示例代碼。

2014-01-17 Sheeraz

若要當鼠標停留在圖像顯示，但然後隱藏在不鼠標滑過：

<html> 
<head> 
<script type="text/javascript"> 
function showIt(imgsrc) 
{ 
document.getElementById('imageshow').src=imgsrc; 
document.getElementById('imageshow').style.display='block'; 
} 

function hideIt() 
{ 
document.getElementById('imageshow').style.display='none'; 
} 
</script> 
</head> 
<body> 
<img src="image1.jpg" onmouseover="showIt(this.src)" onmouseout="hideIt()"><br> 
<img src="image2.jpg" onmouseover="showIt(this.src)" onmouseout="hideIt()"> 
<br> 
<br> 
<br> 
<img src="" id="imageshow" style="display:none"> 
</body> 
</html>

有它顯示的默認圖像，即使你沒有鼠標懸停在某圖像，但隨後顯示的圖像，如果你將鼠標懸停在它：

<html> 
<head> 
<script type="text/javascript"> 
function showIt(imgsrc) 
{ 
document.getElementById('imageshow').src=imgsrc; 
} 

function hideIt() 
{ 
document.getElementById('imageshow').src="default.jpg"; 
} 
</script> 
</head> 
<body> 
<img src="image1.jpg" onmouseover="showIt(this.src)" onmouseout="hideIt()"><br> 
<img src="image2.jpg" onmouseover="showIt(this.src)" onmouseout="hideIt()"> 
<br> 
<br> 
<br> 
<img src="default.jpg" id="imageshow"> 
</body> 
</html>

有它顯示一個圖像，當鼠標懸停你，然後繼續顯示甚至WH最後的圖像帶你鼠標移開它：

<html> 
<head> 
<script type="text/javascript"> 
function showIt(imgsrc) 
{ 
document.getElementById('imageshow').src=imgsrc; 
} 
</script> 
</head> 
<body> 
<img src="image1.jpg" onmouseover="showIt(this.src)"><br> 
<img src="image2.jpg" onmouseover="showIt(this.src)"> 
<br> 
<br> 
<br> 
<img src="default.jpg" id="imageshow"> 
</body> 
</html>

希望這有助於..

來源

2014-01-17 07:14:14

我想顯示圖像的基團，與相鄰的實際圖像的彈出和隱藏彈出時，鼠標移出。我不想使用任何Div。 – Sheeraz

需要顯示一組圖像鼠標懸停圖像使用jQuery

回答

相關問題