เว็บราคาถูก,ออกแบบเว็ย,เว็บโรงเรียน,เว็บไซต์สำเร็จรูป ,รับออกแบบเว็บไซต์, เว็บใชต์ที่ใครก็ทำได้ง่ายนิดเดียว เว็บสำเร็จรูป เว็บไซต์สำเร็จรูป

ทำรูป MouseOver แบบใช้รูปเดียว

MouseOver โดยรูปนึงจะจางกว่าอีกรูปนึง ทำให้ไม่ต้องใช้ 2 รูป เพียงแต่ใช้รูปเดียวเท่านั้น

ขั้นตอนการวางโค้ด

ส่วนที่ 1

คลิ๊ก ปุ่มตั้งค่าตัวแปร หรือเข้าไปเลือกที่หัวข้อ 1.3.4 ตั้งค่าเริ่มต้นเว็บไซต์ทั่วไป
นำ code ที่ต้องวางในตำหน่งระหว่าง <head></head> ใส่ในช่อง Tag META 1
คลิ๊กปุ่ม บันทุกข้อมูล

ส่วนที่ 2

คลิ๊ก ปุ่มแก้ไขหน้านี้ ที่หน้าที่ต้องการวางโค้ด
ที่หน้าแก้ไข (editor) คลิ๊กเมาส์เลือกตำแหน่งที่ต้องการวางโค้ด
คลิ๊กปุ่ม บันทุกข้อมูล

Copy โค้ดนี้ไปวางที่เว็บไซต์ของท่านตามขั้นตอนข้างต้น

ส่วนที่ 1

นำ Code ด้านล่างไปติดระหว่าง <head></head>

<script language="JavaScript1.2"> function makevisible(cur,which){ strength=(which==0)? 1 : 0.2 if (cur.style.MozOpacity) cur.style.MozOpacity=strength else if (cur.filters) cur.filters.alpha.opacity=strength*100 } </script>

ส่วนที่2

นำ Code ด้านล่างไปแทรกใน <img >

ตัวอย่างเช่น <img src='/images/0004.gif' style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" >

style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"

ต่อมาวิธีการปรับความจางของรูปนั้นให้เปลี่ยนค่าตรงข้อความสีแดง ตรง opacity ยิ่งมากยิ่งจาง เช่นถ้าปรับ 50 ก็ต้องปรับ 0.2 เป็น 0.5 ด้วยเป็นต้น มันจะค่าขึ้นตรงต่อกัน เท่านี้คุณก็จะได้ลดขนาดของเว็บคุณแทนที่จะใช้รูป 2 รูปก็เหลือรูปเดียว

HOTLINE : 08-8128-6552 FAX : 0-2903-0080 Ext. 4490 Email : info@aiweb.co.th