javascript實現(xiàn)鏈接單選效果的方法
更新時間:2015年05月13日 15:32:08 作者:永遠愛好寫程序
這篇文章主要介紹了javascript實現(xiàn)鏈接單選效果的方法,可實現(xiàn)點擊鏈接改變其背景色的功能,同時可禁用對應鏈接的跳轉,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)鏈接單選效果的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>鏈接單選</title> <script type="text/javascript"> function IniEvent() { var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { links[i].onclick = LinkOnClick; } } function LinkOnClick() { var links = document.getElementsByTagName("a"); //links在兩個地方用到了(IniEvent也用到了), //注意,不要把links放到全局變量中, //盡量不要用全局變量, //如果重復性代碼太多,將代碼放到一個公共函數(shù)中 for (var i = 0; i < links.length; i++) { if (links[i] == this) { links[i].style.background = "red"; } else { links[i].style.background = "white"; } } window.event.returnValue = false;//防止導航到網(wǎng)站 } </script> </head> <body onload="IniEvent()"> <a >百度</a><br /> <a >搜狐</a><br /> <a href="http://www.dbjr.com.cn">腳本之家</a><br /> <a >土豆</a><br /> <a >CSDN</a><br /> </body> </html>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- JavaScript實現(xiàn)點擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- javascript 單選按鈕 單擊選中 雙擊取消選擇實現(xiàn)代碼
- javascript處理a標簽超鏈接默認事件的方法
- javascript動態(tài)創(chuàng)建鏈接的方法
- JavaScript返回網(wǎng)頁中超鏈接數(shù)量的方法
- JavaScript獲取網(wǎng)頁中第一個鏈接ID的方法
- javascript實現(xiàn)類似超鏈接的效果
- JavaScript判斷一個URL鏈接是否有效的實現(xiàn)方法
- javascript實現(xiàn)點擊單選按鈕鏈接轉向?qū)W(wǎng)址的方法
相關文章
JavaScript實現(xiàn)獲取圖片文件真實格式的示例代碼
每種格式的圖片,都有自己特有的優(yōu)缺點以及數(shù)據(jù)結構,本篇博文的目的就是基于不同格式的圖像二進制數(shù)據(jù),獲取到圖片的真實格式,感興趣的可以了解一下2023-02-02JavaScript實現(xiàn)在數(shù)組中查找不同順序排列的字符串
這篇文章主要介紹了JavaScript實現(xiàn)在數(shù)組中查找不同順序排列的字符串,本文用兩個方法解決了這道算法題,需要的朋友可以參考下2014-09-09基于Particles.js制作超炫粒子動態(tài)背景效果(仿知乎)
本文給大家分享Particles.js基于Canvas畫布創(chuàng)建粒子顆粒效果,代碼非常簡單,需要的朋友參考下吧2017-09-09