فقط اقرأها بنفسك، من فضلك أعطني بعض النصائح، لقد كتبت هذا قبل بضعة أشهر، والآن سأقوم بحل الأمر كله.
انسخ رمز الكود كما يلي:
<!نوع الوثيقة html>
<أتش تي أم أل>
<الرأس>
<ميتا محارف = "utf-8">
<العنوان></العنوان>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<نمط النوع = "نص/CSS">
الجسم,div,a,span{الهامش:0;الحشو:0;}
.g-pt-10{ الحشو العلوي:10px }
.g-ta-c{ محاذاة النص:المركز }
.g-fz-16{ حجم الخط: 16 بكسل }
.gdb{ عرض: كتلة }
.gfl{ تعويم: يسار }
.gcw { اللون: #فف }
.g-fz-18{ حجم الخط: 18px }
.gd-ib{ عرض: كتلة مضمنة }
.g-cf:after { المحتوى:""؛ واضح: كلاهما العرض: الجدول }
.g-cf { التكبير: 1 }
أ:hover{ زخرفة النص: لا شيء اللون: #ff0000 }
.box{ العرض: 705 بكسل; الارتفاع: 242 بكسل; الهامش: 50 بكسل تلقائي;
div.mid { العرض: 330 بكسل؛ الهامش: 20 بكسل تلقائي }
a.support{ العرض: 124 بكسل؛ الارتفاع: 73 بكسل؛ الخلفية: #008DCA url("support.png");
أ.معارضة {العرض: 124 بكسل الارتفاع: 73 بكسل؛ الخلفية: #F78106 url("oppose.png");
.g-mt-45{ الهامش العلوي:45px }
خط { العرض: 380 بكسل؛ الهامش: 0 الخلفية: #008DCA }
خط 2 { العرض: 80 بكسل؛ الارتفاع: 17 بكسل؛
</نمط>
</الرأس>
<الجسم>
<ديف>
<h3>ماذا ستفعل إذا فرض WeChat رسومًا؟ </h3>
<ديف>
<a onclick="support();">
<p id="supamount">0</p>
</أ>
<a onclick="oppose();">
<p id="oppamount">0</p>
</أ>
</div>
<ديف>
<p id="suppercent">0</p>%
<span><span id="supline"></span></span>
<p id="opppercent">0</p>%
</div>
</div>
<نوع البرنامج النصي = "نص/جافا سكريبت">
var sub=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"، العرض:"+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"، العرض:"+380*(sup/(sup+opp))+"px");
}
</script>
</الجسم>