如何慢慢填充菜单项的颜色？ [关闭]

Question

在这个site 上，我喜欢菜单（右侧的-windows、-phone、-alm 等），但我不知道该怎么做。我不需要所有的实施。只需告诉我可以通过什么框架或库制作类似的菜单。我使用 asp .net mvc。

Answer 1

您可以使用其他示例中提到的 CSS3 属性，但它们可能不适用于所有浏览器。您可以选择使用 jquery animate 方法来获得类似的效果。

 $("div").mouseenter(function(){
   $(this).css('background-color','red');
 $(this).animate({
 width:'250px'
 }, "slow");
 });

   $("div").mouseleave(function(){
   $(this).css('background-color','');
 $(this).animate({
 width:'50px'
 }, "slow");
 });

见 jsfiddle http://jsfiddle.net/LCcLr/1/