เมื่อหน้าเว็บมีหลายแท็ก และเมื่อคลิก แท็กนั้นจะข้ามไปยังหน้าปัจจุบัน แท็กที่ถูกคลิกจะเปลี่ยนสีและไฮไลต์ได้อย่างไร และแท็กอื่นๆ จะกลับไปเป็นสีเดิมได้อย่างไร
การใช้ JS คุณสามารถบรรลุ:
สมมติว่าหน้าปัจจุบันคือ "1.aspx"
1. ตั้งค่าสำหรับรหัสแท็ก:
คัดลอกรหัสรหัสดังต่อไปนี้:
<a href="1.aspx?id=1" id="1" target="_parent">""</a>
<a href="1.aspx?id=2" id="2" target="_parent">""</a>
<a href="1.aspx?id=3" id="3" target="_parent">""</a>
2. เขียนวิธี JS:
คัดลอกรหัสรหัสดังต่อไปนี้:
<สคริปต์>
&(เอกสาร).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) // รับค่า id
var currtA = document.getElementById(id); // รับแท็กที่ถูกคลิกในปัจจุบัน
ถ้า(currtA != null)
curtA.style.color = "#f00";
-
</สคริปต์>
สำหรับสถานการณ์อื่นๆ หากหน้าเว็บไม่ข้ามไปเมื่อคลิกแท็ก คุณสามารถเขียนได้ดังนี้:
คัดลอกรหัสรหัสดังต่อไปนี้:
<a href="#" onclick="changeCss(this)">""</a>
<สคริปต์>
ฟังก์ชั่น changeCss (obj) {
var alist = document.getElementsByTagName("a");
สำหรับ (var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //กำหนดสีหลักให้กับแท็กทั้งหมด
-
obj.style.color = "#f00"; //เน้นป้ายกำกับปัจจุบัน
-
//แน่นอน คุณยังสามารถใช้ $("a").removeCss() และ addCss() ของ Jquery เพื่อให้บรรลุเป้าหมายนี้ได้
</สคริปต์>