网站中时尚的界面切换

len

浏览: 41846 次
性别:
来自: 济南

最近访客更多访客>>

熊佳佳

这篇博客怎么说

331875787

杨鹏飞

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript

<script type="text/javascript">
function SwitchTabSide(O_Number,O_index){
	var O_Bgcolor;
	var O_Table;
	for(i = 1;i <= O_Number;i++){
		O_Table = document.getElementById("Table" + i);
		O_Bgcolor = document.getElementById("BG" + i);
		if(i == O_index){
			O_Table.style.display = '';
			O_Bgcolor.bgColor = '#00CCFF';
		}else{
			O_Table.style.display = 'none';
			O_Bgcolor.bgColor = '#FF6600';
		}
	}
}
</script>

<table height="212" cellpadding="1" cellspacing="1">
  <tr align="center" bgcolor="#66CCFF">
    <td id="BG1" width="45" height="32" valign="middle"><a onMouseOver="SwitchTabSide(5,1);" style="cursor:hand;">国内</a></td>
    <td id="BG2" width="45" valign="middle"><a onMouseOver="SwitchTabSide(5,2);" style="cursor:hand;">国际</a></td>
    <td id="BG3" width="45" valign="middle"><a onMouseOver="SwitchTabSide(5,3);" style="cursor:hand;">社会</a></td>
    <td id="BG4" width="45" valign="middle"><a onMouseOver="SwitchTabSide(5,4);" style="cursor:hand;">网评</a></td>
    <td id="BG5" width="45" valign="middle"><a onMouseOver="SwitchTabSide(5,5);" style="cursor:hand;">博客</a></td>
  </tr>
  <tr>
    <td colspan="5"><table id="Table1" style="display:" width="99%" height="181" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td bgcolor="#66CCFF">国内</td>
      </tr>
    </table>
	<table id="Table2" style="display:none" width="99%" height="185" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td bgcolor="#66CCFF">国际</td>
      </tr>
    </table>
	<table id="Table3" style="display:none" width="99%" height="185" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td bgcolor="#66CCFF">社会</td>
      </tr>
    </table>
	<table id="Table4" style="display:none" width="99%" height="185" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td bgcolor="#66CCFF">网评</td>
      </tr>
    </table>
	<table id="Table5" style="display:none" width="99%" height="185" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <td bgcolor="#66CCFF">博客</td>
      </tr>
    </table></td>
  </tr>
</table>