网上的Tab页代码很多，实现也大同小异 ，但代码都显得凌乱，若要真的用的话，必须费劲的吃透它，才能进行二次定制开发，为我所用。实际上实现这个Tab页界面非常简单，仅仅是通过Ajax技术偷偷的获取信息，然后在一块区域轮流显示而已(通过显示和隐藏层，或复用一个层，轮流向里边填充Html数据)。
自己的开发的代码自己最清楚，用起来也应该最顺手，要扩展的话脑子也不犯晕。代码如下，还在不断修改中。
复制代码 代码如下:
body {font-size:12px; }
#tab0,#tab1,#tab2 {background:url(images/gray.png); cursor:hand;}
| tab0 | tab1 | tab2 |
| |
my_ajax_server.php文件：
复制代码 代码如下:
error_reporting(7);
set_magic_quotes_runtime(0);
$app = $_GET['app'];
switch ($app)
{
case “tab0″: //
?>
from TAB0
break;
case “tab1″: //
?>
from TAB1
break;
case “tab2″: //
?>
from TAB2
break;
default:
echo ‘my_ajax_server.php error.';
break;
}
?>
张庆(网眼) 2009-9-18
看完这篇可以参考下一篇文章 用jQuery技术实现Tab页界面之二
本文来自: 考高分网(www.jb51.net) 详细出处参考：https://www.jb51.net/article/20091.htm
