素材网 素材网

jQuery6款仪表盘指示动画插件

下载资源()次

阅读次数()次

发布时间:2015-05-11

jQuery6款仪表盘指示动画插件
分享到:

用法简介:

来源:xw素材网

jQuery6款仪表盘指示动画插件。
文件引用:

<script src="js/jquery.flightindicators.js"></script>
<script type="text/javascript">
// First static example
var first_attitude = $.flightIndicator('#first_attitude', 'attitude', {size:350, roll:8, pitch:3, showBox : true});
// Dynamic examples
var attitude = $.flightIndicator('#attitude', 'attitude', {roll:50, pitch:-20, size:200, showBox : true});
var heading = $.flightIndicator('#heading', 'heading', {heading:150, showBox:true});
var variometer = $.flightIndicator('#variometer', 'variometer', {vario:-5, showBox:true});
var airspeed = $.flightIndicator('#airspeed', 'airspeed', {showBox: false});
var altimeter = $.flightIndicator('#altimeter', 'altimeter');
var turn_coordinator = $.flightIndicator('#turn_coordinator', 'turn_coordinator', {turn:0});
// Update at 20Hz
var increment = 0;
setInterval(function() {
	// Airspeed update
	airspeed.setAirSpeed(80+80*Math.sin(increment/10));
	// Attitude update
	attitude.setRoll(30*Math.sin(increment/10));
	attitude.setPitch(50*Math.sin(increment/20));
	// Altimeter update
	altimeter.setAltitude(10*increment);
	altimeter.setPressure(1000+3*Math.sin(increment/50));
	increment++;
	// TC update - note that the TC appears opposite the angle of the attitude indicator, as it mirrors the actual wing up/down position
	turn_coordinator.setTurn((30*Math.sin(increment/10))*-1);
	// Heading update
	heading.setHeading(increment);
	// Vario update
	variometer.setVario(2*Math.sin(increment/10));
}, 50);
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。