基本信息
源码名称：js实现仪表显示
源码大小：0.04M
文件格式：.zip
开发语言：CSS
更新时间：2018-08-04
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　
   源码介绍 

<!doctype html>

<html>
  <head>
    <title>JustGage Demo By GBin1.com</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="article" id="articlelink" content="/technology/javascript/20120823-gauge-justgage-js/" />
    <style>
      body {
        text-align: center;
		font-family: Arial;
      }
      
      #g1 {
        width:400px; height:320px;
        display: inline-block;
        margin: 1em;
		border: 1px soild #202020;
		box-shadow: 0px 0px 15px #101010;
		margin-top: 120px;
		border-radius: 8px;
      }
      
      p {
        display: block;
        width: 400px;
        margin: 2em auto;
        text-align: center;
		border-top: 1px soild #CCC;
		border-bottom: 1px soild #CCC;
		background: #333333;
		padding:10px 0px;
		color: #CCC;
		text-shadow: 1px 1px 25px #000000;
		border-radius: 0px 0px 5px 5px;
		box-shadow: 0px 0px 10px #202020;
      }
    </style>
    
    <script src="js/raphael.2.1.0.min.js"></script>
    <script src="js/justgage.1.0.1.min.js"></script>
    <script>
      var g1;
      
      window.onload = function(){
        var g1 = new JustGage({
          id: "g1", 
          value: getRandomInt(0, 30), 
          min: 0,
          max: 100,
          title: "Speedometer",
          label: "km/h",
			levelColors: [
			  "#222222",
			  "#555555",
			  "#CCCCCC"
			]    
        });
      
        setInterval(function() {
          g1.refresh(getRandomInt(80, 100));
        }, 800);
      };
    </script>
	</head>
	<body>    
		<div id="g1"></div>
		<p> super cool speedometer demo by gbin1.com</p>
	</body>
</html>