 
ต่อไปคือ Javascript ที่จำเป็นต้องใช้ ส่วนที่จำเป็นมีอยู่ 2 ส่วนคือส่วนที่ทำให้รูปเปลี่ยนไป
เรียกว่า Rollover Script และส่วนที่ Load รูปที่ยังไม่ได้แสดงมาเก็บเอาไว้ใน
Cache ก่อน เรียกว่า Precache Script ถ้าไม่มีส่วนนี้จะต้องเสียเวลาในการ
Load รูป หลังจากเอา Mouse ไปวางที่ปุ่มแล้ว
Rollover Script มีรูปแบบดังนี้
<A HREF="Link URL"
onmouseover="document.images['Image
Name'].src = 'Image2 URL';"
onmouseout="document.images['Image
Name'].src = 'Image1 URL';">
<IMG SRC="Image1 URL"
NAME="Image Name" BORDER=0 HEIGHT=Height
WIDTH=width>
ตัวอย่างเช่น
<A HREF="BT08-Push3.htm"
onmouseover="document.images['Button'].src = 'ButtonP.gif';"
onmouseout="document.images['Button'].src = 'Button.gif';">
<IMG SRC="Button.gif" NAME="Button" BORDER=0 HEIGHT=40
WIDTH=40>
Precache Script มีรูปแบบดังนี้
<SCRIPT>
<!--
{
Image Variable=new Image(Height,Weight);
Image
Variable.src="Image URL";
}
// -->
</SCRIPT>
ตัวอย่างเช่น
<SCRIPT>
<!--
{
Button1=new Image(40,40); Button1.src="ButtonP.gif";
}
// -->
</SCRIPT>
|
