Ø พื้นหลังเปลี่ยนสีหลายๆ
สี อย่างรวดเร็วตอนเข้ามา
.....นำโค๊ดไปวางไว้ที่ <body>
<script
language="JavaScript">
// สีน้ำเงินจากมืดไปสว่าง
for (i=0;i<15;i++)
{ document.bgColor=i*15;
}
// สีน้ำเงินจากสว่างไปมืด
for (i=15;i>0;i--)
{ document.bgColor=i*15;
}
// สีเขียวมืดไปสว่าง
for (i=0;i<15;i++)
{ document.bgColor=i*256*15;
}
// สีเขียวสว่างไปมืด
for (i=15;i>0;i--)
{ document.bgColor=i*256*15;
}
// สีแดงมืดไปสว่าง
for (i=0;i<15;i++)
{ document.bgColor=i*256*256*15;
}
// สีแดงสว่างไปมืด
for (i=15;i>0;i--)
{ document.bgColor=i*256*256*15;
}
</script>
Ø กรอบรูปเปลี่ยนสี .....นำโค๊ดไปวางไว้ที่ <body>
<table border="0"
width="280" id="myexample"
style="border:5px solid yellow">
<tr>
<td align="center"><font
face="MS Sans Serif" size="1">ตรงนี้คุณจะใส่รูปหรือตัวอักษรอะไรก็ได้ครับ</font><br></td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
/*Flashing border script- By
Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/
function flashit(){
if (!document.all)
return
if
(myexample.style.borderColor=="yellow")
myexample.style.borderColor="lime"
else
myexample.style.borderColor="yellow"
}
setInterval("flashit()", 500)
//-->
</script>
Ø มีข้อความทักทายตามเวลา .....นำโค๊ดไปวางไว้ที่ <body>
<SCRIPT language=Javascript>
<!--
day = new Date()
hr = day.getHours()
// ช่วงเวลา 0-5 นาฬิกา
if (hr < "6") {
document.write("ขณะนี้ดึกมากแล้วเลยเที่ยงคืนแล้ว
น่าจะเข้านอนได้แล้วนะครับ เดี๋ยวพรุ่งนี้ไม่มีแรงทำงานนะครับ เป็นห่วง !")
}
// ช่วงเวลา 6-11 นาฬิกา
else if (hr < "12") {
document.write("สวัสดีตอนสายครับ !")
}
// ช่วงเวลา 12 นาฬิกา
else if (hr < "13") {
document.write("สวัสดีตอนเที่ยงครับ !")
}
// ช่วงเวลา 13-16 นาฬิกา
else if (hr < "17") {
document.write("สวัสดีตอนบ่ายครับ !")
}
// ช่วงเวลา 17-21 นาฬิกา
else if (hr < "22") {
document.write("เย็นแล้วนะครับ !")
}
// ช่วงเวลา 22-24 นาฬิกา
else if (hr > "21") {
document.write("ดึกแล้วนะครับ
เตรียมตัวเข้านอนได้แล้วครับ !")
}
//-->
</SCRIPT>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น