<!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>
css做标签页选项卡js类(已有新版本,请停止该项下载)
需积分: 3 158 浏览量
2007-09-24
13:40:04
上传
评论
收藏 4KB RAR 举报
pagecard.rar （5个子文件） 
default.jpg 478B
tabcard.js 4KB active.jpg 647B pagecard.css 944B
index.html 2KB资源评论
klggg
- 粉丝: 70
- 资源: 25
