2009-10-30 54 views
6

我在尋找一種效果,當我將鼠標靠近移動到元素時,該元素從0不透明度(不可見)變爲100不透明度。我不尋找典型的鼠標懸停/鼠標懸停組合。Jquery Fade在鼠標靠近元素

不透明度應取決於鼠標距元素的距離。不透明度會在元素周圍的100px邊界內增加,直到鼠標到達元素。那麼這將是100不透明。

是否有任何插件可以做類似這樣的事情?

回答

13

是,Approach是一個插件,它做你描述什麼,

方法是一個jQuery插件, 讓您動畫基於遊標的接近一個 對象樣式屬性 。它的工作方式非常類似於 至jQuery animate,但它的動畫效果超過了距離而不是 時間。

main page的第二個演示尤其與您有關。

+0

這是一個很酷的插件! +1! – Buggabill 2009-10-30 23:17:41

+0

這真的很酷,幾周前在Ajaxian上看到一個。 – artlung 2009-10-30 23:41:36

+0

哇,完美!我試試這個。 – schmidty 2009-10-31 15:33:16