ไฮไลต์ลิงก์ที่ใช้งานอยู่

สารบัญ:

ไฮไลต์ลิงก์ที่ใช้งานอยู่
ไฮไลต์ลิงก์ที่ใช้งานอยู่

วีดีโอ: ไฮไลต์ลิงก์ที่ใช้งานอยู่

วีดีโอ: ไฮไลต์ลิงก์ที่ใช้งานอยู่
วีดีโอ: การสร้างไฮไลท์สตอรี่เฟซบุ๊ค Facebook ล่าสุด 2021 2024, พฤศจิกายน
Anonim

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

ไฮไลต์ลิงก์ที่ใช้งานอยู่
ไฮไลต์ลิงก์ที่ใช้งานอยู่

คำแนะนำ

ขั้นตอนที่ 1

ลิงก์ถูกระบุโดยแท็กและ พวกเขาจะต้องเขียนในสนาม โดยหลักการแล้ว คุณสามารถใช้เครื่องมือต่างๆ ในแผงควบคุมได้ แต่หากต้องการสร้างเอฟเฟกต์ต่างๆ คุณจะต้องทำการเปลี่ยนแปลงโค้ด แอตทริบิวต์ alink รับผิดชอบสีของลิงก์ที่ใช้งานอยู่ ลิงก์ที่เข้าชมคือ vlink ในรูปแบบ html จะแสดงดังนี้: ชื่อแท็บ ข้อความยึด หากคุณต้องการสร้างลิงก์เป็นรูปภาพ ให้แทรกรูปภาพระหว่าง และ:

ขั้นตอนที่ 2

การไฮไลต์เมื่อวางเมาส์เหนือลิงก์เคอร์เซอร์จะสร้างขึ้นโดยใช้ Javascript รหัสในกรณีนี้มีลักษณะดังนี้: ไฮไลต์ฟังก์ชัน (ซึ่ง, สี) {if (document.all || document.getElementById) which.style.backgroundColor = color}

ลิงก์ข้อความ

ขั้นตอนที่ 3

หากต้องการเน้นพื้นหลังรอบๆ จุดยึดของลิงก์ ให้ใช้: ไฮไลต์ฟังก์ชัน (ซึ่ง, สี) {if (document.all || document.getElementById) which.style.backgroundColor = color}

ขั้นตอนที่ 4

อีกตัวเลือกหนึ่งสำหรับการเน้นลิงก์ที่ใช้งานอยู่:.link {background-color: # 810002} $ (เอกสาร).ready (ฟังก์ชัน () {$ ("li a") RemoveClass ("link"); $ ("# link_"). addClass ("ลิงค์");});

  • ลิงค์ 1
  • ลิงค์2
  • ลิงค์ 3