如何緩慢地填充菜單項的顏色？

Question

在這site我喜歡菜單（在右邊的窗口中，-phone，-alm等），我不知道該怎麼做。我不需要全部實施。只要告訴我什麼框架或圖書館，我可以做出類似的菜單。我使用asp .net mvc。

Answer 1

您可以像其他示例中提到的那樣使用CSS3屬性，但它們可能不適用於所有瀏覽器。你可以選擇使用jquery動畫方法來產生類似的效果。

$("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/