数学建模社区-数学中国
标题:
6种新颖好看的jQuery和CSS3进度条
[打印本页]
作者:
种晓13
时间:
2013-3-5 16:16
标题:
6种新颖好看的jQuery和CSS3进度条
6种新颖好看的jQuery和CSS3进度条
" [; x7 n! G8 D# O1 h& E3 k* u
1、不同进度显示不同颜色的进度条
/ A. o3 v7 a6 K6 O* g0 d2 A
这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。
- M4 K# d3 m9 h, Q6 t- _4 x G5 ^- ~
& B; F& ?2 G; B3 f. ]
2、纯CSS3实现的彩色进度条
9 n9 O0 j8 T ?' G
该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。
v- r! E8 M l( ^
! |7 s. x" A1 p
3、jQuery Progress Bar
9 w, |5 `1 M+ M" Q- a2 K8 `
5 {5 g. }2 N: y& w# H
4、jQuery自定义Loading动画插件Spin.js
4 ]! ?2 I# f9 [: H
Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。
- E, N+ b& @) N# d0 U, f& ] S
4 f( q4 O% m9 S6 {( v
5、3款基于CSS3的动画加载效果
& I" ^) ]6 ]# }
这3款CSS Loading动画非常有创意，而且具有立体感。
: a; L9 D. v0 x( ]
1 p; ?0 `7 m9 K1 M' Q0 f
6、简单的CSS3进度条
7 ^# _: E* s0 Z: j0 S0 L
这款CSS3进度条十分简单，但外观却很漂亮，值得收藏和使用。
- S9 D* D- V( y6 i
作者:
厚积薄发
时间:
2013-3-5 16:18
赞一个
作者:
lee博少
时间:
2013-5-6 08:32
赞一个
作者:
秦时古月
时间:
2013-9-25 19:24
赞一个
作者:
雨龙1618
时间:
2015-5-13 00:29
好默默哦哦哦哦哦
. f7 S, S: |& K- n7 m4 k6 _) l
作者:
雨龙1618
时间:
2015-5-13 00:29
哦哦哦哦哦哦哦哦哦
; @* T+ c2 V$ ~
作者:
雨龙1618
时间:
2015-5-13 00:29
嗯嗯嗯嗯恩分
, K* G* R6 j& h$ u3 {# m/ X
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
3 d; y2 r7 @! @; Q7 R& i
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
, M) p. V) ^, Y
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
' O, D6 H& s% i: [
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
- `. i1 {5 G8 {3 X0 \4 t0 F
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
# b5 N( ]1 j) w/ v1 n5 F7 W
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩分
. l# a7 i1 h3 n2 G
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
, r; r! f; Y N" O6 P) W/ {6 E6 b
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
( e2 J4 i% k, j' p5 k2 @0 }
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5
4 f( q4 O% m9 S6 {( v
1 p; ?0 `7 m9 K1 M' Q0 f