Basta ler você mesmo, por favor, me dê alguns conselhos. Escrevi isso há alguns meses, agora vou resolver tudo.
Copie o código do código da seguinte forma:
<!doctypehtml>
<html>
<cabeça>
<meta charset = "utf-8" >
<título></título>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="texto/css">
corpo,div,a,span{margem:0;preenchimento:0;}
.g-pt-10{ preenchimento-top:10px };
.g-ta-c{ text-align:center }
.g-fz-16{ tamanho da fonte:16px };
.gdb{exibição:bloco};
.gfl{ float:esquerda};
.gcw{ cor:#fff }
.g-fz-18{ tamanho da fonte:18px };
.gd-ib{ display: bloco embutido }
.g-cf:depois {conteúdo:""; clear:both;
.g-cf { zoom:1 }
a:hover{ decoração de texto:none cor:#ff0000 }
.box{largura:705px;altura:242px;margem:50px fundo:#f5f9fe;
div.mid{largura:330px;margem:20px automático};
a.support{ largura:124px altura:73px fundo:#008DCA url("support.png");
a.opor{ largura:124px; altura:73px fundo:#F78106 url("opor.png");
.g-mt-45{ margem superior:45px };
span.line{largura:380px altura:17px;margem:0 auto;
span.line2{largura:80px altura:17px fundo:#F78106;
</estilo>
</head>
<corpo>
<div>
<h3>O que você fará se o WeChat cobrar? </h3>
<div>
<a onclick="suporte();">
<p id="supamount">0</p>
</a>
<a onclick="opor();">
<p id="oppamount">0</p>
</a>
</div>
<div>
<p id="suppercent">0</p>%
<span><span id="supline"></span></span>
<p id="opppercent">0</p>%
</div>
</div>
<script type="texto/javascript">
var sup=parseInt($('#supamount').text());
var opp=parseInt($('#oppamount').text());
suporte de função(){
sup+=1;
$('#supamount').text(sup.toString());
$('#suppercent').text(((sup/(sup+opp))*100).toFixed(0).toString());
$('#opppercent').text((100-(sup/(sup+opp))*100).toFixed(0).toString());
$('#supline').attr("estilo","largura:"+380*(sup/(sup+opp))+"px");
}
função opor(){
opp+=1;
$('#oppamount').text(opp.toString());
$('#suppercent').text(((sup/(sup+opp))*100).toFixed(0).toString());
$('#opppercent').text((100-(sup/(sup+opp))*100).toFixed(0).toString());
$('#supline').attr("estilo","largura:"+380*(sup/(sup+opp))+"px");
}
</script>
</body>