ใน workshop นี้จะแนำนำ javascript ที่เอาไว้เพิ่มขนาดของตัวหนังสือบนเว็บไซต์ของเรา ประโยชน์ที่เห็นได้ชัดเจนคือ ถ้าบางเว็บไซต์กำหนดขนาดของตัวอักษรเริ่มต้นเป็นตัวเล็ก แต่สำหรับผู้ใช้บางคนอ่านไม่สะดวก ก็ควรจะมีลูกเล่นในการเพิ่มขนาดของตัวอักษรบนหน้าเว็บนั้นด้วย ซึ่งน่าจะมีประโยชน์กับหลายๆท่าน
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<html> <head> <meta charset="utf-8"> <script language="javascript"> function resizeText(multiplier) { multiplyText(multiplier, document.getElementById('myContent')); } function multiplyText(multiplier, txtobj) { if (txtobj.style.fontSize == '') { txtobj.style.fontSize = "100%"; } if (multiplier == 0) { txtobj.style.fontSize = "100%"; } else { txtobj.style.fontSize = parseFloat(txtobj.style.fontSize) + multiplier + "%"; } } </script> </head> <body> <p id="myContent"> <a href="javascript:resizeText(10);">คลิกเพิ่มขนาดตัวอักษร</a></p> </body> </html> |
ตัวอย่าง workshop คลิกเพื่อทดสอบได้เลยครับ testincrease_java
ผลการทำงาน เมื่อเราคลิกที่คำว่า “คลิกเพิ่มขนาดตัวอักษร” ขนาดตัวอักษรก็จะเพิ่มขึ้นเรื่อยๆ อย่าลืมเอาไปประยุกต์ใช้นะครับ ^_^