数学建模社区-数学中国
标题:
6种新颖好看的jQuery和CSS3进度条
[打印本页]
作者:
种晓13
时间:
2013-3-5 16:16
标题:
6种新颖好看的jQuery和CSS3进度条
6种新颖好看的jQuery和CSS3进度条
( h) ^& q) `. S$ A$ z
1、不同进度显示不同颜色的进度条
1 c! ]& ?6 [1 d) W
这款CSS3进度条和别的有所不同，他的主要特点是随着进度的变化，进度条的颜色会有所改变，这个和游戏中人物的生命值很相似。
# R! b; L/ L$ ?% `
* M4 o/ H6 X9 @8 h# H- w
2、纯CSS3实现的彩色进度条
( S: `) \3 V6 X8 P* E5 ]. X) }
该进度条利用了CSS3的颜色渐变属性，让进度条的色彩显得非常具有立体感。
- E6 r' N0 l; h
9 O+ u% d! ?% O
3、jQuery Progress Bar
" l2 e" i& X3 i/ L' \, |
& |# F' r) v. P
4、jQuery自定义Loading动画插件Spin.js
$ o5 z- S/ C* ]. \
Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。
! x0 o. r |* S! v4 U. [
+ c( D s5 Q: ^8 e, w
5、3款基于CSS3的动画加载效果
$ b8 f' i1 i+ p# E7 h0 F. g
这3款CSS Loading动画非常有创意，而且具有立体感。
4 {, i: P* K4 O: [0 d4 L1 {
" Y# ]6 [- W8 h- ~* d
6、简单的CSS3进度条
+ i* q+ M& R+ N( O; X
这款CSS3进度条十分简单，但外观却很漂亮，值得收藏和使用。
+ S/ Z: ?" h$ I* R$ e% ?% v; u
作者:
厚积薄发
时间:
2013-3-5 16:18
赞一个
作者:
lee博少
时间:
2013-5-6 08:32
赞一个
作者:
秦时古月
时间:
2013-9-25 19:24
赞一个
作者:
雨龙1618
时间:
2015-5-13 00:29
好默默哦哦哦哦哦
- `9 Z# o$ y! V
作者:
雨龙1618
时间:
2015-5-13 00:29
哦哦哦哦哦哦哦哦哦
7 R) v5 J+ K* k+ B1 W
作者:
雨龙1618
时间:
2015-5-13 00:29
嗯嗯嗯嗯恩分
& V: O L' T. B1 G
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
) g0 p' J; \; W, o
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
1 \/ h) }; ~0 L" G/ l
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
) p7 W7 p$ B# x
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
1 C- i) Z! f( X( ^& l& D" g. L2 \
作者:
雨龙1618
时间:
2015-5-13 00:30
嗯嗯嗯嗯恩分
4 `6 h/ V; J! }4 W( L
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩分
5 o. }: p( q9 v1 c
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
. A, F* z: v& I7 X8 Z0 c
作者:
雨龙1618
时间:
2015-5-13 00:31
嗯嗯嗯嗯恩
, T& D, a% p1 p' f
欢迎光临 数学建模社区-数学中国 (http://www.madio.net/)
Powered by Discuz! X2.5
* M4 o/ H6 X9 @8 h# H- w
+ c( D s5 Q: ^8 e, w
" Y# ]6 [- W8 h- ~* d