2013-06-30 70 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