javascript - 如何使用淡入/淡出更改 div 背景颜色？

Question

如何使用淡入/淡出更改div背景颜色，我只想淡出背景颜色，而不是背景图像，请给我一些有用的代码或解决方案

Answer 1

虽然only supported by modern browsers您也可以考虑使用 CSS transitions达到同样的效果

HTML

<div class='foobar'></div>

CSS

.foobar {
    /* transition properties */
    transition: background-color 2s;
    -moz-transition: background-color 2s;
    -webkit-transition: background-color 2s;
    -o-transition: background-color 2s;

    /* basic styling & initial background-color */
    background-color:maroon;
    width:100px;
    height:100px;
}

/* Change background color on mouse over */
.foobar:hover {
    background-color:blue;
}

此处的工作示例，http://jsfiddle.net/eRW57/14/