代码如下:
<style type="text/css"> <!-- .btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;} .btnON{padding:3px;border:1px inset;background-color: #CCCC33;width:100px;height:16px;text-align:center;color:red;} --> </style> <script language="JavaScript"> <!-- function setEffect(link_id) { var i; for(i=0;i<link.length;i++) { if(i != link_id) { link[i].className = "btnOFF"; } else { link[i].className = "btnON"; } } } //--> </script> <p align=center><span id="link" class="btnOFF" οnclick="setEffect(0)">Google</span><span id="link" class="btnOFF" οnclick="setEffect(1)">Baidu</span><span id="link" class="btnOFF" οnclick="setEffect(2)">Sina</span><span id="link" class="btnOFF" οnclick="setEffect(3)">Sohu</span><span id="link" class="btnOFF" οnclick="setEffect(4)">CSDN</span><span id="link" class="btnOFF" οnclick="setEffect(5)">CnBlogs</span></p>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
<style type="text/css"> <!-- .btnOFF{padding:3px;border:1px outset;cursor:pointer;background-color: green;width:100px;height:16px;text-align:center;} .btnON{padding:3px;border:1px inset;background-color: #CCCC33;width:100px;height:16px;text-align:center;color:red;} --> </style> <script language="JavaScript"> <!-- function setEffect(link_id) { var i; for(i=0;i<link.length;i++) { if(i != link_id) { link[i].className = "btnOFF"; } else { link[i].className = "btnON"; } } } //--> </script> <p align=center><span id="link" class="btnOFF" οnclick="setEffect(0)">Google</span><span id="link" class="btnOFF" οnclick="setEffect(1)">Baidu</span><span id="link" class="btnOFF" οnclick="setEffect(2)">Sina</span><span id="link" class="btnOFF" οnclick="setEffect(3)">Sohu</span><span id="link" class="btnOFF" οnclick="setEffect(4)">CSDN</span><span id="link" class="btnOFF" οnclick="setEffect(5)">CnBlogs</span></p>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]