Js實現(xiàn)當前點擊a標簽變色突出顯示其他a標簽回復(fù)原色
更新時間：2013年11月27日 15:56:31 作者：
當一個頁面有多個a標簽，實現(xiàn)當前點擊a標簽變色，其他a標簽回復(fù)原色，具體實現(xiàn)如下，喜歡的朋友可以參考下
當一個頁面有多個a標簽，且點擊后會跳轉(zhuǎn)至當前頁面，如何實現(xiàn)被點擊標簽變色突出顯示，其他標簽回復(fù)原色呢？
利用JS可實現(xiàn)：
假設(shè)當前頁面是“1.aspx”
1. 給a標簽ID設(shè)值：
<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方法：
<script>
&(document).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //取得id值
var currtA = document.getElementById(id); //取得當前被點擊a標簽
if(currtA != null)
currtA.style.color = "#f00";
});
</script>
對于其他情況，如點擊a標簽頁面不跳轉(zhuǎn)，則可以這樣寫：
<a href="#" onclick="changeCss(this)">""</a>
<script>
function changeCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //給所有a標簽賦原色
}
obj.style.color = "#f00"; //令當前標簽高亮
}
//當然也可以用Jquery的$("a").removeCss() 和addCss()來實現(xiàn)
</script>
利用JS可實現(xiàn)：
假設(shè)當前頁面是“1.aspx”
1. 給a標簽ID設(shè)值：
復(fù)制代碼 代碼如下:
<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方法：
復(fù)制代碼 代碼如下:
<script>
&(document).ready(function(){
var id = windows.ulr.substring(windows.ulr.IndeOf("?id="),1) //取得id值
var currtA = document.getElementById(id); //取得當前被點擊a標簽
if(currtA != null)
currtA.style.color = "#f00";
});
</script>
對于其他情況，如點擊a標簽頁面不跳轉(zhuǎn)，則可以這樣寫：
復(fù)制代碼 代碼如下:
<a href="#" onclick="changeCss(this)">""</a>
<script>
function changeCss(obj){
var alist = document.getElementsByTagName("a");
for(var i =0;i < alist.Length;i++){
alist[i].style.color = "#000"; //給所有a標簽賦原色
}
obj.style.color = "#f00"; //令當前標簽高亮
}
//當然也可以用Jquery的$("a").removeCss() 和addCss()來實現(xiàn)
</script>
相關(guān)文章
使用JavaScript italics方法實現(xiàn)文本變斜體教程示例
這篇文章主要為大家介紹了JavaScript italics實現(xiàn)文本變斜體教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
JS實現(xiàn)可編輯的后臺管理菜單功能【附demo源碼下載】
這篇文章主要介紹了JS實現(xiàn)可編輯的后臺管理菜單功能,涉及javascript針對頁面元素的遍歷及動態(tài)修改相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
JS中如何將JSON數(shù)組轉(zhuǎn)化為url參數(shù)
這篇文章主要介紹了JS中如何將JSON數(shù)組轉(zhuǎn)化為url參數(shù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了js實現(xiàn)模擬計算器退格鍵刪除文字效果的方法,涉及javascript字符串截取操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
“return false”之所以被誤用的如此厲害，是因為它看起來像是完成了我們交給它的工作，瀏覽器不會再將我們重定向到href中的鏈接，表單也不會被繼續(xù)提交，但這么做到底有什么不對呢2013-11-11
這篇文章主要為大家詳細介紹了微信小程序頁面生命周期的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要介紹了微信小程序點擊保存圖片到本機功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
JS實現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁右側(cè)帶動畫效果的伸縮窗口代碼,通過JavaScript基于時間函數(shù)實現(xiàn)頁面元素樣式漸變效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了js判斷元素是否隱藏的方法,需要的朋友可以參考下2014-06-06
文字滾動顯示，是網(wǎng)頁企業(yè)公告，文字鏈廣告常用的一種效果，說不定在什么時候你就能看到它。2010-05-05