数学建模社区-数学中国
标题:
6种新颖好看的jQuery和CSS3进度条
[打印本页]
作者:
种晓13
时间:
2013-3-5 16:16
标题:
6种新颖好看的jQuery和CSS3进度条
6种新颖好看的jQuery和CSS3进度条
$ X6 u. w# U; B, S+ S M( ?
1、不同进度显示不同颜色的进度条
9 `& G9 x O: b" C) i3 Y/ Z2 h7 L D
这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。
$ Z$ t# ?- Z \5 X
" ?/ p5 E* I6 T$ E
2、纯CSS3实现的彩色进度条
! f/ g& Z; N9 T; U" {% V
该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。
- P6 g$ f# K5 z; Q& H! O0 M
1 s; b' m9 S5 `. @
3、jQuery Progress Bar
' s7 ~# ] F- N2 X) Y9 J. ^7 H
8 m0 e7 s! K4 D4 U0 \9 A" r, I
4、jQuery自定义Loading动画插件Spin.js
* Z7 [: ~% @$ Q" D- Q
Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。
) [9 n; U0 [! Y6 L8 _" {! N
5 x, s: B! l$ i# E: K" r8 i v$ y! ^
5、3款基于CSS3的动画加载效果
8 J; h. ?- }% e1 _" U$ j, H: j" ]" b
这3款CSS Loading动画非常有创意，而且具有立体感。
! M2 n P! j" A$ G
/ { J: U/ ^+ Z3 ~
6、简单的CSS3进度条
- t) u, r3 ~6 k" y; x
这款CSS3进度条十分简单，但外观却很漂亮，值得收藏和使用。
: a3 b1 x# K7 j! k& i: P
作者:
厚积薄发
时间:
2013-3-5 16:18
赞一个
作者:
lee博少
时间:
2013-5-6 08:32
赞一个
作者:
秦时古月
时间:
2013-9-25 19:24
赞一个
作者:
雨龙1618
时间:
2015-5-13 00:29
好默默哦哦哦哦哦
& x" ~8 e& B: x1 Q
作者:
雨龙1618
时间:
2015-5-13 00:29
哦哦哦哦哦哦哦哦哦
, s" p7 Q$ q2 z. X8 x
作者:
雨龙1618
时间:
2015-5-13 00:29
嗯嗯嗯嗯恩分
8 m, C, u$ O3 B3 [" m8 g6 k$ e3 ^1 G
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
" {0 n- o9 ~1 d3 V. ~ [1 u
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
}$ C) }- p& b' `4 b5 v% a
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
; J7 y1 H \0 ] o |: Q; _2 i
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
+ C- G; J$ l& ^8 T
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
6 i5 a6 X- s0 Z5 `, C3 K
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩分
[& p9 E0 h7 [$ O. r
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
0 d5 v0 k8 u: P: H$ M( T
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
2 R9 ~* H9 P" Q
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5
" ?/ p5 E* I6 T$ E
5 x, s: B! l$ i# E: K" r8 i v$ y! ^
