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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(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');
 
});
});

编程技巧