การทำ Swap Image

    รูปจะเปลี่ยนเมื่อเป็นไปตามที่กำหนดไว้
 onMouseOver = เมื่อเม้าท์แตะ
 onMouseOut = เมื่อเม้าท์ผ่าน
 onClick = เมื่อคลิก
 onDblClick = เมื่อดับเบิลคลิก

Code

 <img src="../../images/chatimage17.gif" width="32" height="32" name="swap1" onMouseOut="MM_swapImgRestore()" ent.swap1','document.swap1','../../images/chatimage11.gif','#964019573000')">

  จากcodeส่วนที่เป็นsrc="ชื่อไฟลรูปภาพ" จะมี2ที่ที่แรกจะเป็นรูปแรกที่หลังจะเป็นรูปที่ปรากฏเมื่อเกิดเหตุการณ์ที่กำหนด ในcodeนี้กำหนดให้เป็น onMouseOver (เมื่อเม้าท์แตะ)ซึ่งจะเปลี่ยนได้ตามที่ต้องการ

  การทำ Pop-up Massage

  คือการทำให้เปิดหน้าต่างแสดงข่าวสารตามที่กำหนด

  Code

<font face="AngsanaUPC,DB Thai Text,MS Sans Serif,System " size="4 " onClick="MM_popupMsg('Your Massage')">คลิกดูตัวอย่าง</font>

  จาก code ส่วนที่เป็นข้อความ ' Your Massage' คีอส่วนที่เราจะให้เป็นข้อความใน Popup Massage

 คือการใส่ Effects ให้กับรูปภาพหรือข้อความ
เมื่อคลิกที่รูปรูปจะวิ่งไปทางซ้าย

  code

<p align="left" dynamicanimation="fpAnimOutflyLeftFP1" id="fpAnimOutflyLeftFP1" style="position: relative !important" onclick="dynAnimOut(this)" language="Javascript1.2"><img border="0" src="../../images/chatimage6.gif" width="32" height="32">

  ใน code ส่วนที่เป็น src=" ชื่อไฟล์รูปภาพ" เปลี่ยนเป็นไฟล์รูปตามต้องการส่วนที่เป็น onclick เปลี่ยนเป็นเหตุการ์ณอย่างอื่นได้(เช่น onMouseOver)

คลิกที่รูป

  การทำ DHTML Effects กับข้อความ

  คือการใส่ Effects ให้กับข้อความเมื่อ
คลิกแล้วจะเปลี่ยนแปลงไปตามที่กำหนด

  AngsanaUPC; font-size: 24pt; color: #FF0000;
ในcode จะเปลี่ยนแบบอักษร ,ขนาด และเปลี่ยนสี
ซึ่งในcodeนี้เราจะเปลี่ยนได้ตามต้องการ

Code

<p align="center" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="font-family: AngsanaUPC; font-size:24pt; color: #FF0000; font-weight: bold" onclick="clickSwapStyle(this)" language="Javascript1.2">Click Here !</p>

  ใน code ส่วนที่เป็น src=" ชื่อไฟล์รูปภาพ" เปลี่ยนเป็นไฟล์รูปตามต้องการส่วนที่เป็น onclick เปลี่ยนเป็นเหตุการ์ณอย่างอื่นได้(เช่น onMouseOver)

Click Here !

  การทำ DHTML Effects กับข้อความ

  คือการใส่ Effects ให้กับข้อความเมื่อ
คลิกแล้วจะเปลี่ยนแปลงไปตามที่กำหนด

  "border-style: solid; border-color: #000099"
จากcode เป็นการกำหนดให้ใส่กรอบที่ข้อความ

Code

<p align="center" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="border-style: solid; border-color: #000099" onclick="clickSwapStyle(this)" language="Javascript1.2">Click Here !</p>

ใน code ส่วนที่เป็น src=" ชื่อไฟล์รูปภาพ" เปลี่ยนเป็นไฟล์รูปตามต้องการส่วนที่เป็น onclick เปลี่ยนเป็นเหตุการ์ณอย่างอื่นได้(เช่น onMouseOver)

Click Here !