Baca saja sendiri, tolong beri saya saran. Saya menulis ini beberapa bulan yang lalu, sekarang saya akan menyelesaikan semuanya.
Copy kode kodenya sebagai berikut:
<!doctypehtml>
<html>
<kepala>
<meta charset="utf-8" >
<judul></judul>
<skrip type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<gaya tipe="teks/css">
badan,div,a,span{margin:0;padding:0;}
.g-pt-10{ bantalan-atas:10px }
.g-ta-c{ perataan teks:tengah }
.g-fz-16{ ukuran font:16 piksel }
.gdb{ tampilan:blok; }
.gfl{ mengapung:kiri; }
.gcw{ warna:#fff; }
.g-fz-18{ ukuran font:18 piksel }
.gd-ib{ tampilan: blok sebaris;
.g-cf:setelah { konten:""; jelas:keduanya; tampilan:tabel }
.g-cf { perbesaran:1 }
a:hover{ dekorasi teks:tidak ada; warna:#ff0000 }
.kotak{ lebar:705px; tinggi:242px; margin:50px otomatis; latar belakang:#f5f9fe; batas:1px padat #6888a1 }
div.mid{ lebar:330px; margin:20px otomatis }
a.dukungan{ lebar:124px; tinggi:73px; latar belakang:#008DCA url("support.png");
a.berlawanan{ lebar:124px; tinggi:73px; latar belakang:#F78106 url("berlawanan.png" }
.g-mt-45{ margin-atas:45 piksel }
span.line{ lebar:380px; tinggi:17px; margin:0 otomatis;
span.line2{ lebar:80px; tinggi:17px; latar belakang:#F78106 }
</gaya>
</kepala>
<tubuh>
<div>
<h3>Apa yang akan Anda lakukan jika WeChat mengenakan biaya? </h3>
<div>
<a onclick="dukungan();">
<p id="supamount">0</p>
</a>
<a onclick="menentang();">
<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>
<skrip tipe="teks/javascript">
var sup=parseInt($('#supamount').teks());
var opp=parseInt($('#oppamount').teks());
dukungan fungsi(){
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("style","width:"+380*(sup/(sup+opp))+"px");
}
fungsi menentang(){
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("style","width:"+380*(sup/(sup+opp))+"px");
}
</skrip>
</tubuh>