読んでみてください。アドバイスをください。これは数か月前に書きました。今、すべてを整理します。 コードをコピーします コードは次のとおりです。 " src= "https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> <br>body,div,a,span{margin:0;padding:0;} <br>.g-pt-10{padding-top:10px; } <br>.g-ta-c{ text -align: 中央; } <br>.g-fz-16{ font-size:16px; } <br>.g-f-l{ float:left; { color: #fff; } <br>.g-fz-18{ font-size:18px; } <br>.g-d-ib{ 表示:inline-block; } <br>.g-cf:after { コンテンツ:"" ; クリア:両方; } <br>.g-cf { ズーム:1; } <br><br><br>a:hover{ color:#ff0000; } <br>.box{ 幅:705px; 高さ:242px; 背景:#6888a1; } <br>div.mid{ 幅:330px; } <br> a.support{ width:124px; height:73px; 背景:#008DCA url("support.png"); } <br>a.oppose{ width:124px;背景:# F78106 url("oppose.png"); } <br>.g-mt-45{ margin-top:45px; } <br>span.line{ width:380px height:17px; ; 背景: #008DCA; } <br><br></head> <body> <br><br><div class="box"> <br><h3 class="g-pt-10 g-ta-c g-fz-16">チャージ、どうしますか? </h3> <br><div class="mid g-cf"> <br><a class="support g-d-b g-f-l" onclick="support();"<p class="g-ta-c g-c-w g-fz-18 g-mt-45" id="supamount">0</p> <br></a> <br><a class="反対g-d-b g-f-l" onclick="oppose();"> <br><p class="g-ta-c g-c-w g-fz-18 g-mt-45" id="oppamount">0</p> ; <br></a> <br><div> <br><p class="g-d-ib" suppercent">0</p>% <BR><span class="line g-d-ib g-cf"><span class="line2 g-d-ib g-f-l" id="supline"><BR><BR> /span></span> <br><p class="g-d-ib" id="opppercent">0</p>% <br></div> <br><script type="text/javascript"> <br>var sup=parseInt($('#supamount').text()); <br>var opp=parseInt($('#oppamount' ).text()); <br><br>関数 support(){ <br>$('#supamount').text(sup.toString()); '#suppercent').text(((sup/(sup opp))*100).toFixed(0).toString()); <br>$('#oppercent').text((100-(sup/ (sup opp))*100).toFixed(0).toString()); <br>$('#supline').attr("style","width:" 380*(sup/(sup opp)) "px"); <br>} <br>関数 oppose(){ <br>opp =1; <br>$('#oppamount').text(opp.toString()); #suppercent').text(((sup/(sup opp))*100).toFixed(0).toString()); <br>$('#oppercent').text((100-(sup/( sup opp))*100).toFixed(0).toString()); <br>$('#supline').attr("style","width:" 380*(sup/(sup opp)) " px"); <br>} <br></script> <br></body> <br><br> </div>