欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript實(shí)現(xiàn)鏈接單選效果的方法

 更新時間：2015年05月13日 15:32:08   作者：永遠(yuǎn)愛好寫程序  
這篇文章主要介紹了javascript實(shí)現(xiàn)鏈接單選效果的方法,可實(shí)現(xiàn)點(diǎn)擊鏈接改變其背景色的功能,同時可禁用對應(yīng)鏈接的跳轉(zhuǎn),需要的朋友可以參考下

本文實(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在兩個地方用到了(IniEvent也用到了),
  //注意，不要把links放到全局變量中，
  //盡量不要用全局變量，
  //如果重復(fù)性代碼太多，將代碼放到一個公共函數(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.dbjr.com.cn">腳本之家</a><br />
<a >土豆</a><br />
<a >CSDN</a><br />
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評論