網頁超鏈接（按鈕）點擊變色，原來的恢復原色，這里所說的並不是利用css的link、hover、active所實現的，而是利用一小段js代碼實現的。實現的效果為：我們看電影的時候，我們點擊哪一集的鏈接，那么這個鏈接就會唯一變色，並且不會像css中的active失去焦點后恢復原色，能實時顯示當前用戶觀看的電影集數。
原理：先定義一個變量t用來記錄用戶上一次點擊的超鏈接id，當用戶點擊超鏈接的時候，會傳入當前超鏈接的id，然后利用js改變其背景顏色為藍色，並把t記錄的上一次點擊的超鏈接背景恢復原色，這樣就能保證只有當前超鏈接背景色唯一不同。
下面是代碼：
<!DOCTYPE html>
<html>
<head>
<style>
body{background-color:black;}
.acss{background-color:black;color:white;}
</style>
<script>
var t=1;
function test(x){
<!-- 這個是判斷第一次點擊 -->
if(x==1&&t==1){
document.getElementById(x).style.background="blue";
}
<!-- 這個判斷是防止重復點擊 -->
else if(x!=t){
document.getElementById(x).style.background="blue";
document.getElementById(t).style.background="black";
}
t=x;
}
</script>
</head>
<body>
<a class="acss" id="1" href="#" onclick="test(1)">第一集</a>
<a class="acss" id="2" href="#1" onclick="test(2)">第二集</a>
<a class="acss" id="3" href="#2" onclick="test(3)">第三集</a>
<a class="acss" id="4" href="#3" onclick="test(4)">第四集</a>
<a class="acss" id="5" href="#4" onclick="test(5)">第五集</a>
</body>
</html>
文章轉載自：http://www.gold404.cn/ K先生的博客