Javascript实现连接背景色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Javascript实现连接背景色</title>
</head>
<body onload="InitEvent()">
    <a href="http://www.baidu.com">百度</a><br />
    <a href="http://www.baidu.com">谷歌</a><br />
    <a href="http://www.baidu.com">融资界</a><br />
    <a href="http://www.baidu.com">中华温商网</a><br />
    <a href="http://www.baidu.com">中国贷款导航</a><br />
</body>
</html>

<script type="text/javascript" language="javascript">
    function InitEvent() {
        var links = document.getElementsByTagName("a");
        for (var i = 0, j = links.length; i < j; i++) {
            links[i].onclick = LinkOnclick;
        }
    }
    function LinkOnclick() {
        var links = document.getElementsByTagName("a");
        for (var i = 0, j = links.length; i < j; i++) {
            if (links[i] == this) {
                this.style.background = "red";
            } else {
                links[i].style.background = "white";
            }
        }
        window.event.returnValue = false;//阻止此连接跳转页面
    }
</script>

 

posted @ 2013-04-25 11:53  ipangjie  阅读(113)  评论(0)    收藏  举报