직접 읽어보시고 조언 좀 부탁드립니다. 제가 몇 달 전에 썼으니 이제 다 정리하겠습니다.
다음과 같이 코드 코드를 복사합니다.
<!doctype html>
<html>
<머리>
<meta charset="utf-8" >
<제목></제목>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<스타일 유형="텍스트/css">
body,div,a,span{margin:0;padding:0;}
.g-pt-10{ 패딩 상단:10px }
.g-ta-c{ 텍스트 정렬:중심 }
.g-fz-16{ 글꼴 크기:16px }
.gdb{ 디스플레이:블록 }
.gfl{ 부동:왼쪽 }
.gcw{ 색상:#fff }
.g-fz-18{ 글꼴 크기:18px }
.gd-ib{ 디스플레이:인라인-블록 }
.g-cf:after { 내용:""; 디스플레이:테이블 }
.g-cf { 확대/축소:1 }
a:hover{ 텍스트 장식:없음; 색상:#ff0000 }
.box{ 폭:705px; 여백:50px 배경:#f5f9fe; 테두리:1px #6888a1;
div.mid{ 너비:330px; 여백:20px 자동 }
a.support{ 너비:124px; 높이:73px; 배경:#008DCA url("support.png");
a.oppose{ 너비:124px; 높이:73px; 배경:#F78106 url("oppose.png");
.g-mt-45{ 여백-상단:45px }
폭:380px; 높이:17px; 여백:0 배경:#008DCA;
스팬.라인2{ 너비:80px; 높이:17px;#F78106;
</style>
</head>
<본문>
<div>
<h3>WeChat에서 요금을 청구하면 어떻게 하시겠습니까? </h3>
<div>
<a onclick="지원();">
<p id="supamount">0</p>
</a>
<a onclick="반대();">
<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>
<스크립트 유형="텍스트/자바스크립트">
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");
}
함수 반대(){
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");
}
</script>
</body>