本文實(shí)例講述了javascript實(shí)現(xiàn)鏈接單選效果的方法。分享給大家供大家參考。具體實(shí)現(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在兩個(gè)地方用到了(IniEvent也用到了), //注意,不要把links放到全局變量中, //盡量不要用全局變量, //如果重復(fù)性代碼太多,將代碼放到一個(gè)公共函數(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;//防止導(dǎo)航到網(wǎng)站}</script></head><body onload="IniEvent()"><a >百度</a><br /><a >搜狐</a><br /><a href="http://www.survivalescaperooms.com">武林網(wǎng)</a><br /><a >土豆</a><br /><a >CSDN</a><br /></body></html>希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注