ينفذ Js النقر الحالي على الملصق لتغيير اللون وتمييز التصنيفات الأخرى للعودة إلى اللون الأصلي

عندما تحتوي الصفحة على علامات متعددة، وعند النقر عليها، ستنتقل إلى الصفحة الحالية. كيف يمكن تغيير لون العلامة التي تم النقر عليها وإبرازها، وتعود العلامات الأخرى إلى ألوانها الأصلية؟

باستخدام 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:

انسخ رمز الكود كما يلي:

<النص البرمجي>

&(مستند).جاهز(وظيفة(){

var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) // احصل على قيمة المعرف

var currtA = document.getElementById(id); // احصل على العلامة التي تم النقر عليها حاليًا

إذا (currtA != فارغة)

curtA.style.color = "#f00";

});

</script>

في المواقف الأخرى، إذا لم تقفز الصفحة عند النقر فوق العلامة، فيمكنك الكتابة على النحو التالي:

انسخ رمز الكود كما يلي:

<a href="#" onclick="changeCss(this)">"</a>

<النص البرمجي>

تغيير الدالة Css(obj){

var alist = document.getElementsByTagName("a");

for(var i =0;i < alist.Length;i++){

alist[i].style.color = "#000"; // تعيين الألوان الأساسية لجميع العلامات

}

obj.style.color = "#f00"; // قم بتمييز التسمية الحالية

}

// بالطبع، يمكنك أيضًا استخدام Jquery's $("a").removeCss() و addCss() لتحقيق ذلك

</script>