บทช่วยสอนที่กระชับของ Dreamweaver 4 (8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ 3)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-05-30 18:35:31
8. เพิ่มเอฟเฟกต์แบบโต้ตอบให้กับหน้าเว็บ
ตัวอย่าง: วิธีเปิดหน้าต่างเบราว์เซอร์โดยไม่มีแถบเครื่องมือ
ในลิงก์ข้อความหรือรูปภาพ เพียงตั้งค่าเป้าหมายเป็น "_blank" เพื่อเปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างใหม่ แต่คุณเคยเห็นหน้าเว็บบางหน้าซึ่งหน้าต่างใหม่ที่เปิดขึ้นไม่มีแถบเครื่องมือ แถบสถานะ หรือแถบ URL หรือไม่? หน้าต่างดังกล่าวทำขึ้นมาได้อย่างไร?
ขั้นแรก เลือกเคอร์เซอร์บนลิงค์ (อาจเป็นลิงค์รูปภาพหรือลิงค์ข้อความ) แล้วกด
และเลือก: เปิดหน้าต่างเบราว์เซอร์ ดังภาพด้านล่าง:

จากนั้นคุณจะเห็นกล่องโต้ตอบต่อไปนี้: ตัวอย่าง: วิธีเปิดหน้าต่างเบราว์เซอร์โดยไม่มีแถบเครื่องมือ
หลังจากตั้งค่าแล้ว คุณจะเห็นว่าลักษณะการทำงานนั้นปรากฏในแผงลักษณะการทำงาน นอกจากนี้ ขอแนะนำให้เปลี่ยนเหตุการณ์เป็นเหตุการณ์ในวงเล็บ เช่น เปลี่ยน onClick เป็น (onClick) เพื่อให้สามารถปรับให้เข้ากับเบราว์เซอร์ได้มากขึ้น ดังที่แสดงด้านล่าง:

ด้วยวิธีนี้ เมื่อเราคลิกที่รูปภาพในสถานะเรียกดู เราจะเห็นหน้าต่างเรียกดู "ไม่มีอะไร":

ฉันจะไม่แนะนำเอฟเฟกต์พฤติกรรมอื่นๆ โดยละเอียด คุณสามารถลองใช้เองได้

1 Url: หน้าที่เปิดในหน้าต่างใหม่
2 ความกว้าง ความสูง: ความกว้างและความสูงของหน้าต่างใหม่
3 คุณลักษณะ: เลือกคุณลักษณะของหน้าต่างใหม่ สำหรับสิ่งที่คุณลักษณะทั้ง 6 นี้เป็นตัวแทน คุณสามารถลองด้วยตัวเองเพื่อเพิ่มความประทับใจให้ลึกซึ้งยิ่งขึ้น
④ ชื่อของหน้าต่างใหม่ หากมีการเพิ่มพฤติกรรมของหน้าต่างเบราว์เซอร์แบบเปิดลงในหลายลิงก์ ชื่อหน้าต่างจะถูกตั้งค่าให้เหมือนกัน เพื่อให้หน้าเว็บที่ลิงก์ไปแสดงในหน้าต่างการเรียกดูเดียวกันโดยไม่ต้องเปิดหน้าต่างใหม่ตลอดเวลา .