2013-06-30 68 views
0

我想用jQuery慢慢淡入插入陰影框。
我不想使用css3轉換,所以請不要建議它。jQuery慢慢淡入插入框陰影

我的HTML:

<ul class="nav"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Ingredients</a></li> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 

jQuery的我已經試過:

$(document).ready(function() { 
    $('.nav li').fadeIn('1000', function() { 
    $(this).css('boxShadow', 'inset', '0px', '0px', '5px', '2px', '#EBEBEB'); 
    }); 
}); 
+1

http://stackoverflow.com/questions/4133366/correct-way-to-animate-box-shadow-with-jquery接受的答案是適當這裏 – Dormouse

+0

你可以按照這個鏈接 的http:// stackoverflow.com/questions/4133366/correct-way-to-animate-box-shadow-with-jquery –

回答

-1

您可以改爲使用的CSS的.animate。 當您將.animate函數應用於box-shadow時,它可能不起作用,因此您可以使用box-shadow動畫插件在瀏覽器中工作。

+0

'.animate()'只能動畫sacalar(數值)值。看來'box-shadow'沒有longhand屬性,這是不可能的 – Bojangles