jQuery的圖片彈出式視窗

Question

我不知道如何將一個做jQuery的這個過渡效果 -

我有一個形象，當我將鼠標懸停在它與我的鼠標，圖像稍微轉換出（尺寸增大）&當我徘徊在圖像上時，它會回落到原來的大小。

這種行爲就像是我們在Google Images

Answer 1

我不確定jQuery，但你可以使用CSS3轉換。 CSS3過渡不會在每一個瀏覽器工作，但如果你想在FF和Webkit的樂趣...

假設你的圖片被包裹在<a>標籤（編輯：例@http://jsfiddle.net/Kai/x4Frn/）：

a img { 
    -webkit-transition: -webkit-transform 0.3s ease; 
    -moz-transition: -moz-transform 0.3s ease; 
    -o-transition: -o-transform 0.3s ease; 
    transition: transform 0.3s ease; 
} 

a:hover img { 
    -webkit-transform: scale(1.5); 
    -moz-transform: scale(1.5); 
    -o-transform: scale(1.5); 
    transform: scale(1.5); 

    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    -o-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); 
} 

Answer 2

退房下面鏈接查看 -

http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

http://justinfarmer.com/?p=31

您可以谷歌退出了更多的人。