国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

圖片精選

主站蜘蛛池模板: 鄂温| 龙南县| 塘沽区| 清苑县| 营口市| 中山市| 成武县| 沁阳市| 康平县| 阿城市| 泗水县| 湖州市| 兴隆县| 巧家县| 侯马市| 平远县| 九江县| 京山县| 隆子县| 宽城| 志丹县| 潜江市| 广宗县| 海兴县| 清徐县| 永吉县| 苍梧县| 白水县| 从江县| 陇西县| 梅州市| 巴林右旗| 巴马| 海林市| 镇坪县| 上饶县| 利川市| 永德县| 临泽县| 铁力市| 禹州市|