<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>
<TITLE> pagecard </TITLE>
<link href="pagecard.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src="tabcard.js"></script>
</HEAD>
<body >
<div class='tab_card' id="tab1">
<ul class='menu'>
<li >第一新闻</li>
<li >第二新闻</li>
<li >第三新闻</li>
<li >第四新闻</li>
<li >第5新闻</li>
</ul>
<div class='con' id='tab1_content'>这里显示卡片的内容</div>
</div>
<div style="display:none">
<div id="tab1_l1">
<span>1要做一个选项卡,在论坛里找了好久都没有理想的效果</span>
</div>
<div id="tab1_l2">
<span>2所以特来问一下高手们,请大家帮帮忙!</span>
</div>
<div id="tab1_l3">
<span>3找了几个来改,都是头部的菜单那里太难定位了</span>
</div>
<div id="tab1_l4">
<span>4当鼠标放上去时就变,而不用点了!</span>
</div>
<div id="tab1_l5">
<span>5当鼠标放上去时就变,而不用点了!</span>
</div>
</div>
<div class='tab_card' id="tab2">
<ul class='menu'>
<li >x第一新闻</li>
<li >x第二新闻</li>
<li >x第三新闻</li>
<li >x第四新闻</li>
<li >x第5新闻</li>
</ul>
<div class='con' id='xxxtab2_content'>这里显示卡片的内容</div>
</div>
<div style="display:none">
<div id="tab2_l1">
<span>x1要做一个选项卡,在论坛里找了好久都没有理想的效果</span>
</div>
<div id="tab2_l2">
<span>x2所以特来问一下高手们,请大家帮帮忙!</span>
</div>
<div id="tab2_l3">
<span>x3找了几个来改,都是头部的菜单那里太难定位了</span>
</div>
<div id="tab2_l4">
<span>x4当鼠标放上去时就变,而不用点了!</span>
</div>
<div id="tab2_l5">
<span>x5当鼠标放上去时就变,而不用点了!</span>
</div>
</div>
<script language="javascript">
var tmpObj=new TabCard("tab1");tmpObj.initab();
var tmpObj1=new TabCard("tab2","xxxtab2_content","tab2_l",1); tmpObj1.initab();//
</script>
</body>
</HTML>