zero
Fri 3 Mar 2006 18:06:09
Fri 3 Mar 2006 18:06:09
http://www.hippo.ksc.net.th/dynamic/backcolor/backcolor.html
จากลิงค์ด้านบนเราสามารถทำการเปลี่ยนสี body ได้เลย
แต่ถ้าเราต้องการให้สามารถทำการเปลี่ยนสีของ text หรือ ข้อความได้ด้วยจะต้องทำอย่างไรครับ มี code รึป่ะ หรือถ้าประยุกต์จาก code ด้านบนจะประยุกต์อย่างงัยครับ
และ มี javascript ที่เราสามารถเลือกให้แสดงขนาดของตัวษร ได้ตามขนาดที่ต้องการไหมครับ คือเลือกให้มีขนาดตามที่เราต้องการนะครับ
<html>
<head>
<script language="javascript" type="text/javascript">
function changeFontSize(size){
try{
var tags = document.getElementsByTagName("body");
for(i = 0; i < tags.length; i++){
tags[i].style.fontSize = size;
}
}catch(e){
alert(e);
}
}
function changeFontColor(color){
try{
var tags = document.getElementsByTagName("body");
for(i = 0; i < tags.length; i++){
tags[i].style.color = color;
}
}catch(e){
alert(e);
}
}
</script>
</head>
<body>
<a href="javascript:;" onclick="changeFontSize(10);">10</a><br />
<a href="javascript:;" onclick="changeFontSize(1
;">18</a><br />
<a href="javascript:;" onclick="changeFontColor('#EDEDED');">Gray</a><br />
<a href="javascript:;" onclick="changeFontColor('green');">Green</a><br />
ทดสอบขนาดตัวอักษรและสีอักษร
</body>
</html>
ลองประยุกต์ดูครับ
<head>
<script language="javascript" type="text/javascript">
function changeFontSize(size){
try{
var tags = document.getElementsByTagName("body");
for(i = 0; i < tags.length; i++){
tags[i].style.fontSize = size;
}
}catch(e){
alert(e);
}
}
function changeFontColor(color){
try{
var tags = document.getElementsByTagName("body");
for(i = 0; i < tags.length; i++){
tags[i].style.color = color;
}
}catch(e){
alert(e);
}
}
</script>
</head>
<body>
<a href="javascript:;" onclick="changeFontSize(10);">10</a><br />
<a href="javascript:;" onclick="changeFontSize(1
;">18</a><br /><a href="javascript:;" onclick="changeFontColor('#EDEDED');">Gray</a><br />
<a href="javascript:;" onclick="changeFontColor('green');">Green</a><br />
ทดสอบขนาดตัวอักษรและสีอักษร
</body>
</html>
ลองประยุกต์ดูครับ
