2011-06-22 74 views
-2

我如何能實現以下使用jQuery影響,當我把我的鼠標在圖像如下面的鏈接http://www.360internetservices.com/templates.php?cPage=2JQuery的邏輯問題

+2

在Stackoverflow,它很高興看到你至少嘗試過:「在谷歌jQuery和鼠標懸停」會給你至少50%的答案。 – macarthy

+0

那麼主要是仇恨的SO。感謝所有回答我的問題的人,並且感謝那些爲我所做的一切辯護的仇敵。 – sleek

+0

你不會嘗試,也不會對任何答案滿意或迴應。 – Kokos

回答

0

你會把縮略圖的屬性中的完整圖像,例如data-full。然後,您會將mouseover事件綁定到縮略圖,該縮略圖將data-full中的圖像放置在目標div中,並在mouseout上再次將其刪除。

或者您可以提前將圖像放置在那裏,並將鼠標懸停事件綁定到相關完整圖像的縮略圖show()

0
$('#mysmallimage').mouseover(function() { 

    $('#mybigimage').toggle(); 

}); 

假設您的大圖像首先通過CSS隱藏display:none

0

你可以嘗試somethink這樣的...

<img src="thumb-1.jpg" id="img_1"/> 

<img id="bg_1"> 

JQuery的

 $(document).ready(function(){ 
     $("img_1") .mouseover(function() {$('#bg_1').attr('src','large-1.jpg');} 
$("img_1") .mouseout(function() {$('#bg_1').attr('src','');} 
     }) ; 
0

您可以使用顯示&隱藏的jQuery的方法...

使用的onmouseover &的onmouseout事件圖像並將它們設置爲帶有圖片名稱或路徑來顯示或隱藏的參數的JavaScript函數,並使用jQuery顯示&隱藏方法...