Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1|回复: 0

html5动效系列十四:jQuery仪表盘指示器动画插件 6种仪表样式

[复制链接]

17万

主题

0

回帖

53万

积分

超级版主

Rank: 8Rank: 8

积分
535051
发表于 昨天 13:27 | 显示全部楼层 |阅读模式





蓝蓝设计()是一家专注而深入的界面设计,为期望卓越的国内外企业提供有效的UI界面设计、BS界面设计、界面设计、界面设计、包装设计、图标定制、用户体验 、交互设计、建设、平面设计服务





每一个扁平化界面设计,都是我们的心灵碰撞致力于最棒的设计



来源::5--



如果您想订阅本博客内容,每天自动发到您的邮箱中,请点这里



今天我们要来分享一组很酷的Q插件,这款Q插件实现了6组不同样式的超酷仪表盘指示器动画。仪表盘的背景是一张图片,通过Q来动态生成一些属性标签,比如仪表盘的刻度和指针等。效果非常不错。







在线演示源码下载



HTML代码:


=""
=""
=""
="_"
=""
=""

JS代码:


D
  = $I('#', '', {:50, :-20, :200, B : });
  = $I('#', '', {:150, B:});
  = $I('#', '', {:-5, B:});
  = $I('#', '', {B: });
  = $I('#', '');
_ = $I('#_', '_', {:0});

U  20H
  = 0;
I(() {
A
AS(80+80*M(10));

A
R(30*M(10));
P(50*M(20));

A
A(10*);
P(1000+3*M(50));
++;

TC
_T(30*M(10));

H
H();

V
V(2*M(10));

}, 50);

在线演示源码下载






除了这几个方面,航天软件交互设计在其他方面的表现也是比较良好,倍受大家的关注和研究。北京兰亭妙微(蓝蓝设计)是一家专注而卓越的UI界面设计公司,以良好的服务为众多优秀企业提供卓越的UI咨询、竞品分析、交互设计、UI界面设计、大数据可视化设计、嵌入式软件界面设计开发、图标icon设计、大型网站设计、用户体验设计、软件开发....是一家从用户研究、交互设计及优化咨询、软件和网站设计、界面开发实施全方位提供解决方案的创新型设计公司。http://www.lanlanwork.com

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|墨玲承奔网络公司

GMT+8, 2024-12-29 11:57 , Processed in 0.117202 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表