เนื้อหา
ฟังก์ชัน "onMouseOver" (เรียกอีกอย่างว่า "โฮเวอร์") เป็นเหตุการณ์ JavaScript ที่เรียกใช้การกระทำในส่วนติดต่อผู้ใช้เมื่อวางเคอร์เซอร์เมาส์ไว้เหนือวัตถุ จาวาสคริปต์ส่วนใหญ่จะใช้ในหน้าเว็บเพื่อให้เหตุการณ์มักจะเปลี่ยนแปลงบางสิ่งบางอย่างบนหน้าเว็บที่มีการเขียนโค้ด JavaScript การใช้ฟังก์ชั่น onMouseOver รวมกับเครื่องมือ "หมุน" ของเว็บไซต์แก้ไขภาพออนไลน์คุณสามารถสร้างเอฟเฟกต์การหมุนสำหรับภาพที่ถูกทริกเกอร์เมื่อผู้ใช้วางเคอร์เซอร์เมาส์ไว้เหนือภาพ
คำสั่ง
-
เริ่มเบราว์เซอร์เริ่มต้นของคุณและพิมพ์ลิงก์ไปยังไซต์แก้ไขรูปภาพออนไลน์ (เช่น Pixenate, Pixlr หรือ LunaPic) ในแถบที่อยู่แล้วกดปุ่ม "Enter"
-
ส่งรูปภาพที่คุณต้องการหมุนโดยคลิกที่ลิงค์ "เลือกรูปภาพของคุณเพื่อแก้ไข" หรือปุ่ม "เปิดภาพจากคอมพิวเตอร์" คลิกเพื่อเลือกภาพจากนั้น "เปิด" คลิก "อัพโหลดภาพนี้" เพื่ออัพโหลดไฟล์
-
คลิกเครื่องมือ "หมุนภาพ" ในแถบเครื่องมือแก้ไขรูปภาพหรือคลิก "รูปภาพ" และเลือก "หมุนภาพผ้าใบ" คลิกเพื่อเลือกระดับการหมุนและการตั้งค่าและคลิกที่ "บันทึกลงดิสก์" หรือ "ไฟล์" จากนั้นคลิก "บันทึก" บันทึกภาพที่หมุนแล้วในไดเรกทอรีเดียวกันกับไฟล์ภาพต้นฉบับ
-
เริ่มแก้ไข HTML เริ่มต้น หากคุณไม่มีโปรแกรมแก้ไข HTML ให้คลิกลิงก์ "เครื่องมือแก้ไข HTML ฟรี" ในส่วนทรัพยากร สร้างเอกสาร HTML ใหม่
-
คลิกที่เมนู "ไฟล์" และเลือก "บันทึก" พิมพ์ "rotate.html" เป็นชื่อของเอกสารและเลือกโฟลเดอร์ที่มีไฟล์ "image1" และ "image2" เป็นไดเรกทอรีบันทึก คลิก "บันทึก"
-
ค้นหาแท็ก ">" และ "" ในเอกสาร HTML ใหม่ คลิกเพื่อวางเคอร์เซอร์เมาส์ระหว่างเครื่องหมายสองตัวแล้วกด "Enter" เพื่อสร้างบรรทัดใหม่
-
พิมพ์ข้อความต่อไปนี้ในบรรทัดว่างโดยแทนที่ข้อความ "rotatedimage.gif" ด้วยชื่อของภาพที่หมุนแล้วและข้อความ "originalimage.gif" ด้วยชื่อภาพต้นฉบับ:
กด "Enter" เพื่อสร้างบรรทัดใหม่
-
พิมพ์ต่อไปนี้:
กด "Enter"
-
ประเภท:
คลิกที่เมนู "ไฟล์" และเลือก "บันทึก"
-
ดับเบิลคลิกที่ไฟล์ "rotate.html" เพื่อเปิดในเบราว์เซอร์เริ่มต้นของคุณ วางตัวชี้เมาส์เหนือภาพเพื่อดูเอฟเฟกต์การหมุนแล้วเลื่อนเคอร์เซอร์ของเมาส์ออกจากภาพเพื่อดูภาพกลับไปเป็นแบบเดิมโดยไม่ต้องหมุน
สิ่งที่คุณต้องการ
- คอมพิวเตอร์
- การเข้าถึงอินเทอร์เน็ต