Léelo tú mismo, por favor dame un consejo. Escribí esto hace unos meses, ahora lo resolveré todo.
Copie el código de código de la siguiente manera:
<!tipo de documento html>
<html>
<cabeza>
<meta conjunto de caracteres="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>
<tipo de estilo="texto/css">
cuerpo,div,a,span{margin:0;padding:0;}
.g-pt-10{ padding-top:10px }
.g-ta-c{ text-align:centro }
.g-fz-16{ tamaño de fuente:16px }
.gdb{ pantalla:bloque }
.gfl{ flotador:izquierda }
.gcw{color:#fff}
.g-fz-18{ tamaño de fuente:18px }
.gd-ib{ pantalla: bloque en línea }
.g-cf:después { contenido:""; claro: ambos; mostrar: tabla }
.g-cf {zoom:1}
a:hover{decoración de texto:ninguno;color:#ff0000;
.box{ ancho:705px; alto:242px; margen:50px auto; fondo:#f5f9fe; borde:1px sólido #6888a1;
div.mid{ ancho:330px; margen:20px automático }
a.support{ ancho:124px; alto:73px; fondo:#008DCA url("support.png");
a.oponerse{ ancho:124px; alto:73px; fondo:#F78106 url("oponerse.png");
.g-mt-45{ margen-superior:45px }
span.line{ ancho: 380px; alto: 17px; margen: 0 auto;
span.line2{ ancho:80px; alto:17px; fondo:#F78106;
</estilo>
</cabeza>
<cuerpo>
<div>
<h3>¿Qué harás si WeChat cobra? </h3>
<div>
<a onclick="soporte();">
<p id="supamount">0</p>
</a>
<a onclick="oponerse();">
<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>
<tipo de script="texto/javascript">
var sup=parseInt($('#supamount').text());
var opp=parseInt($('#oppamount').text());
soporte de función(){
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","ancho:"+380*(sup/(sup+opp))+"px");
}
función oponer(){
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","ancho:"+380*(sup/(sup+opp))+"px");
}
</script>
</cuerpo>