สอบถามเกี่ยวกับ code เพิ่มลดขนาดตัวอักษร
<p>
ผมก้อบ ชุด code และแยกเก็บตามนามสกุลไฟล์ พอรัน ก้ไม่มีไรเกิดขึ้น ยังไม่สามารถกดเพิ่ม หรือ ลด ได้ รบกวนช่วยดูให้นิดนึงครับ ว่ามันติดตรงไหน
<br>
<br>
ใน html-----------------------------
<br>
<br>
<HEAD>
<br>
<TITLE> New Document </TITLE>
<br>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<br>
<br>
<link type="text/css" href="css.css" rel="stylesheet" />
<br>
<script type="text/javascript" src="js.js"></script>
<br>
<br>
</style>
<br>
</HEAD>
<br>
<br>
<BODY>
<br>
<p>xxxxxxxx</p>
<br>
<div >
<br>
<button>A -</button>
<br>
<button>A +</button>
<br>
</div>
<br>
</BODY>
<br>
</HTML>
<br>
<br>
<br>
ใน css-------------------------------
<br>
<br>
.mFont button{
<br>
width:50px;
<br>
height:20px;
<br>
text-align:center;
<br>
display:block;
<br>
float:left;
<br>
background-color: black;
<br>
color:blue;
<br>
font-size:10px;
<br>
font-weight:bold;
<br>
border:1px solid blue ;
<br>
margin-right:2px;
<br>
line-height:17px;
<br>
cursor:pointer;
<br>
font-family:tahoma;
<br>
}
<br>
<br>
ใน js--------------------------------------
<br>
<br>
<script type="text/javascript">
<br>
$(function(){
<br>
var minFont=8; // กำหนดขนาดตัวอักษรต่ำสุด
<br>
var maxFont=18; // กำหนดขนาดตัวอักษรสูงสุด
<br>
var nowFont=12; // กำหนดขนาดตัวอักษรเริมต้น
<br>
var objSet="p"; // แท็กที่ต้องการกำหนดขนาดตัวอักษร อาจใช้เป็น * หรือ a หรือ a.menu เป็นต้น
<br>
$(objSet).css("font-size",nowFont);
<br>
$(".mFont button").click(function(){
<br>
var inCase=$(this).text();
<br>
if(inCase=="A +"){
<br>
if(nowFont<maxFont){
<br>
nowFont++;
<br>
}else{
<br>
nowFont=maxFont;
<br>
}
<br>
$(objSet).css("font-size",nowFont);
<br>
}
<br>
if(inCase=="A -"){
<br>
if(nowFont>minFont){
<br>
nowFont--;
<br>
}else{
<br>
nowFont=minFont;
<br>
}
<br>
$(objSet).css("font-size",nowFont);
<br>
}
<br>
});
<br>
});
<br>
<br>
รบกวนช่วยติด้วยครับ หากมีจุดไหนผิด ขอบคุณครับ</p>
