数学建模社区-数学中国

标题: 6种新颖好看的jQuery和CSS3进度条 [打印本页]

作者: 种晓13    时间: 2013-3-5 16:16
标题: 6种新颖好看的jQuery和CSS3进度条
6种新颖好看的jQuery和CSS3进度条# V; L/ r& Q. F0 H
1、不同进度显示不同颜色的进度条' G8 v+ k2 S8 O+ M5 w3 w- N
这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似。
" n: I, q2 ?& X* I# `: \+ V4 K6 Y" A& \: ~, [& S1 o6 O* i
2、纯CSS3实现的彩色进度条, Y& ]4 f. @, u% j& n" u
该进度条利用了CSS3的颜色渐变属性,让进度条的色彩显得非常具有立体感。! ~3 \: U* l' c& Z" S
& K# q; S) t) m+ `$ I
3、jQuery Progress Bar
5 Y2 K1 |- s! ?% Y, V% }$ _0 N( r7 S1 O% [, Z1 P
4、jQuery自定义Loading动画插件Spin.js! [/ |/ L$ ]5 @; O* _9 [
Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数,非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。" E- p1 Y7 ^4 ]& C3 w9 b

; N' w2 g' q) a: ~) N5 v0 r5、3款基于CSS3的动画加载效果- [1 d) ]" u* i  {( Q! I8 d" w
这3款CSS Loading动画非常有创意,而且具有立体感。4 @0 @+ @+ \0 d, y# H

" b% u; W# |6 C2 s" Z6、简单的CSS3进度条! }+ k: J& z. t$ _9 @5 a
这款CSS3进度条十分简单,但外观却很漂亮,值得收藏和使用。) d. r3 _% k) f5 P& V) s$ k! e* e$ q

作者: 厚积薄发    时间: 2013-3-5 16:18
赞一个
作者: lee博少    时间: 2013-5-6 08:32
赞一个
作者: 秦时古月    时间: 2013-9-25 19:24
赞一个
作者: 雨龙1618    时间: 2015-5-13 00:29
好默默哦哦哦哦哦
4 j3 P3 L& F0 c- E' k* Q, ~
作者: 雨龙1618    时间: 2015-5-13 00:29
哦哦哦哦哦哦哦哦哦2 j* q' j8 h6 V" m7 y; k( v

作者: 雨龙1618    时间: 2015-5-13 00:29
嗯嗯嗯嗯恩分8 |8 K/ v$ e& W5 X, s  }

作者: 雨龙1618    时间: 2015-5-13 00:30
嗯嗯嗯嗯恩分( r0 \! @7 O+ c

作者: 雨龙1618    时间: 2015-5-13 00:30
嗯嗯嗯嗯恩分; k: ]$ s; c. ]6 b# Y) B

作者: 雨龙1618    时间: 2015-5-13 00:30
嗯嗯嗯嗯恩分& H$ a& `% N  Y+ J# ?0 E* g

作者: 雨龙1618    时间: 2015-5-13 00:30
嗯嗯嗯嗯恩分; G3 j7 {- s* O5 j$ g

作者: 雨龙1618    时间: 2015-5-13 00:30
嗯嗯嗯嗯恩分9 E3 f- [" j4 x* t+ f/ X

作者: 雨龙1618    时间: 2015-5-13 00:31
嗯嗯嗯嗯恩分
! W& u$ R' b* y
作者: 雨龙1618    时间: 2015-5-13 00:31
嗯嗯嗯嗯恩$ i- p) j6 K( [1 G* H! M

作者: 雨龙1618    时间: 2015-5-13 00:31
嗯嗯嗯嗯恩
" y& W& d% Y; M. |2 O% U) v7 V2 W: Z




欢迎光临 数学建模社区-数学中国 (http://www.madio.net/) Powered by Discuz! X2.5