ลองอ่านดูครับ ช่วยแนะนำหน่อยนะครับ ผมเขียนไว้เมื่อ 2-3 เดือนก่อน ตอนนี้ผมจะเคลียร์ให้หมดครับ
คัดลอกรหัสรหัสดังต่อไปนี้:
<!doctype html>
<html>
<หัว>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
เนื้อความ, div, a, span {ระยะขอบ: 0; การขยาย: 0;}
.g-pt-10 { ช่องว่างภายใน: 10px }
.g-ta-c{ การจัดตำแหน่งข้อความ: center;
.g-fz-16{ ขนาดตัวอักษร:16px;
.gdb{ จอแสดงผล:บล็อก;
.gfl { ลอย: ซ้าย }
.gcw{ สี:#fff;
.g-fz-18{ ขนาดตัวอักษร:18px;
.gd-ib { จอแสดงผล: อินไลน์บล็อก }
.g-cf:after { เนื้อหา:""; clear:both;
.g-cf { ซูม:1;
a:hover{ การตกแต่งข้อความ:none; color:#ff0000;
.box{ ความกว้าง:705px; ความสูง:242px; ระยะขอบ:50px อัตโนมัติ; พื้นหลัง:#f5f9fe; เส้นขอบ:1px ทึบ }
div.mid{ ความกว้าง:330px; ระยะขอบ:20px อัตโนมัติ;
a.support{ width:124px; height:73px; พื้นหลัง:#008DCA url("support.png");
a.oppose{ ความกว้าง:124px; ความสูง:73px; พื้นหลัง:#F78106 url("oppose.png");
.g-mt-45{ ขอบด้านบน:45px;
span.line{ ความกว้าง:380px; ความสูง:17px; ระยะขอบ:0 อัตโนมัติ;
span.line2{ ความกว้าง:80px; ความสูง:17px; พื้นหลัง:#F78106;
</สไตล์>
</หัว>
<ร่างกาย>
<div>
<h3>คุณจะทำอย่างไรหาก WeChat เรียกเก็บเงิน? </h3>
<div>
<a onclick="support();">
<p id="supamount">0</p>
</a>
<a onclick="ต่อต้าน();">
<p id="oppamount">0</p>
</a>
</div>
<div>
<p id="อาหารเสริม">0</p>%
<span><span id="supline"></span></span>
<p id="opppercent">0</p>%
</div>
</div>
<script type="text/javascript">
var sup=parseInt($('#supamount').text());
var opp=parseInt($('#oppamount').text());
รองรับฟังก์ชั่น () {
ซัพ+=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");
-
ฟังก์ชั่นต่อต้าน () {
ตรงข้าม+=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");
-
</สคริปต์>
</ร่างกาย>