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