2012-08-27 58 views

回答

1

这不是一个jQuery的效果,但CSS3变换叫scale - DEMO

img { 
    -webkit-border-radius: 100px; 
      border-radius: 100px; 

    -webkit-transition: all .5s ease-in-out; 
    -webkit-transform: scale(0); 
} 

p:hover + img { 
    -webkit-transform: scale(1); 
} 
​ 
+0

啊,但要记住,这个效果触发,当你向下滚动页面,而不是当你悬停图片。你如何用CSS或jQuery来做到这一点? –

+0

[查找窗口滚动的距离](http://www.howtocreate.co.uk/tutorials/javascript/browserwindow) - 在滚动时调用此函数并将一些听众附加到所需的高度以触发泡泡 –