很精彩！标签UI设计效果 基于jQ的标签特效演示

$(window).load(function() {//
$('.tag').each(function(i) {

setTimeout(function() {

$('.tag:eq('+i+')').css({ display: 'block', opacity: 0 }).stop().animate({ opacity: 1 }, 'easeInOutExpo');

}, 250 * (i + 1))

});

$('.tag').hover(function() {

$(this).stop().animate({ paddingRight: ($('.tag_count', this).outerWidth() - 5) }, 'easeInOutExpo');

}, function() {

$(this).stop().animate({ paddingRight: 5 }, 'easeInOutExpo');

});
});