jQuery+html5 canvas透明蓄水池状3D柱状图插件

来源:https://www.sucaihuo.com/js/3813.html 2018-07-17 11:34浏览(1744) 收藏

非常好看的jQuery+html5 canvas透明蓄水池状3D柱状图插件,带有水波纹动画特效的3D柱形图统计图表。
jQuery+html5 canvas透明蓄水池状3D柱状图插件
分类:统计图 > 柱状图 难易:初级
查看演示 下载资源: 17 下载资源 下载积分: 20 积分

js代码

<script src="js/waterTank.js"></script>
	<script>
	$(document).ready(function() {
		
		$('.waterTankHere1').waterTank({
			width: 420,
			height: 360,
			color: 'skyblue',
			level: 83
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	  
		$('.waterTankHere2').waterTank({
			width: 80,
			height: 360,
			color: 'red',
			level: 80
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	  
		$('.waterTankHere3').waterTank({
			width: 20,
			height: 360,
			color: 'blue',
			level: 80
		}).on('click', function(event) {
			$(this).waterTank(Math.floor(Math.random() * 100) + 0 );
		});
	});
	</script>
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 椅子
    08-04 10:45
    t***2
    加油 html css js 好好学习
  • 头像 沙发
    07-18 07:43
    笑***生
    效果确实也不错
1 2