国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Js實現當前點擊a標簽變色突出顯示其他a標簽回復原色

2024-05-06 15:56:16
字體:
來源:轉載
供稿:網友
當一個頁面有多個a標簽,實現當前點擊a標簽變色,其他a標簽回復原色,具體實現如下,喜歡的朋友可以參考下

當一個頁面有多個a標簽,且點擊后會跳轉至當前頁面,如何實現被點擊標簽變色突出顯示,其他標簽回復原色呢?

利用JS可實現:

假設當前頁面是“1.aspx”

1. 給a標簽ID設值:

復制代碼 代碼如下:


<a href="1.aspx?id=1" target="_parent">""</a>
<a href="1.aspx?id=2" target="_parent">""</a>
<a href="1.aspx?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="#">""</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()來實現
</script>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 蕉岭县| 安宁市| 万山特区| 留坝县| 东乡县| 任丘市| 井陉县| 兴文县| 九龙县| 班玛县| 嘉善县| 南召县| 孝昌县| 永新县| 梅河口市| 晋中市| 宁远县| 铁岭县| 商南县| 上思县| 会昌县| 屯昌县| 开鲁县| 台湾省| 福鼎市| 玛曲县| 宣城市| 大埔县| 清水河县| 福安市| 辽阳县| 屏东市| 武山县| 新乐市| 都匀市| 保定市| 张北县| 博客| 天祝| 安图县| 房产|