我正在尝试实现一个类似于jQuery效果的东西:http://jsfiddle.net/Qcghe/1/。
我希望按以下顺序动画显示圆点的颜色:
1. 白色,白色,白色(初始状态) 2. 蓝色,白色,白色 3. 蓝色,红色,白色 4. 蓝色,红色,绿色 5. 白色,红色,绿色 6. 蓝色,白色,绿色 7. 蓝色,红色,白色 8. ……然后回到初始状态。
我在Photoshop中制作了一个动态GIF以帮助说明(黑色和白色被反转): gif 动画 http://cdn.vpsunder10.com/1.gif
$(document).ready(function() {
setInterval(function() {
$('small:nth-of-type(1)')
.animate( { color: '#F7B903' }, 750)
.animate( { color: '#FFF' }, 1000);
}, 1000);
setInterval(function() {
$('small:nth-of-type(2)')
.animate( { color: '#5BB6FD' }, 750)
.animate( { color: '#FFF' }, 1000);
}, 2000);
setInterval(function() {
$('small:nth-of-type(3)')
.animate( { color: '#D13360' }, 750)
.animate( { color: '#FFF' }, 1000);
}, 3000);
});
我希望按以下顺序动画显示圆点的颜色:
1. 白色,白色,白色(初始状态) 2. 蓝色,白色,白色 3. 蓝色,红色,白色 4. 蓝色,红色,绿色 5. 白色,红色,绿色 6. 蓝色,白色,绿色 7. 蓝色,红色,白色 8. ……然后回到初始状态。
我在Photoshop中制作了一个动态GIF以帮助说明(黑色和白色被反转): gif 动画 http://cdn.vpsunder10.com/1.gif