<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" language="javascript" src="js/jquery-1.2.6.js" ></script>
<script type="text/javascript" language="javascript" src="js/ui/ui.core.js" ></script>
<script type="text/javascript" language="javascript" src="js/ui/ui.tabs.js" ></script>
<link href="css/ui.tabs.css" type="text/css" media="screen" rel="stylesheet" />
<script>
$(document).ready(function(){
$("#tabsEx1 > ul").tabs({ event: "mouseover" });
$("#tabsEx2 > ul").tabs({ event: "mouseover" });
$("#tabsEx3 > ul").tabs({ event: "mouseover" });
$("#tabsEx4 > ul").tabs({ event: "mouseover" });
});
</script>
<title>tab页面效果</title>
<style type="text/css">
<!--
li {
background-image: url(images/ds_047.gif);
}
-->
</style>
</head>
<body>
<!-- 第一个tab -->
<div id="tabsEx1">
<ul style="height: 30px;">
<li><a href="#fragment-1"><span>工作动态</span></a></li>
<li><a href="#fragment-2"><span>工作要闻</span></a></li>
<li><a href="#fragment-3"><span>会议纪要</span></a></li>
</ul>
<div id="fragment-1">
<table border="0" width="100%" id="table332" height="100%" cellspacing="4" cellpadding="3">
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
沈阳市地方税务局和平分局2008年三季度税源... </td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
关于观看沈阳市首届“和平杯”社区京剧票友大赛...</td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" height="25" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
关于观看沈阳市首届“和平杯”社区京剧票友大赛...</td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" height="25" width="97" align="center">
[12-03 11:21] </td>
</tr>
</table>
</div>
<div id="fragment-2">
<table border="0" width="100%" id="table332" height="100%" cellspacing="4" cellpadding="3">
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
沈阳市地方税务局和平分局2008年三季度税源... </td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
关于观看沈阳市首届“和平杯”社区京剧票友大赛...</td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
</table>
</div>
<div id="fragment-3"> 呵呵呵 </div>
</div>
<!-- 第二个tab -->
<div id="tabsEx2">
<ul style="height: 30px;">
<li><a href="#fragment-4"><span>征收管理</span></a></li>
<li><a href="#fragment-5"><span>综合一</span></a></li>
<li><a href="#fragment-6"><span>综合二</span></a></li>
<li><a href="#fragment-7"><span>计财科</span></a></li>
<li><a href="#fragment-8"><span>税源科</span></a></li>
<li><a href="#fragment-9"><span>征收科</span></a></li>
</ul>
<div id="fragment-4">
<table border="0" width="100%" id="table332" height="100%" cellspacing="4" cellpadding="3">
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
沈阳市地方税务局和平分局2008年三季度税源... </td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
</table>
</div>
<div id="fragment-5"> 2</div>
<div id="fragment-6"> 呵呵呵 </div>
<div id="fragment-7"> 哈哈哈 </div>
<div id="fragment-8"> 嘻嘻嘻 </div>
<div id="fragment-9"> 嘿嘿嘿 </div>
</div>
<!-- 第三个tab -->
<div id="tabsEx3">
<ul style="height: 30px;">
<li><a href="#fragment-10"><span>公文快递</span></a></li>
<li><a href="#fragment-11"><span>政府文件</span></a></li>
<li><a href="#fragment-12"><span>内部文件</span></a></li>
<li><a href="#fragment-13"><span>机关便函</span></a></li>
<li><a href="#fragment-14"><span>其他文件</span></a></li>
</ul>
<div id="fragment-10">
<table border="0" width="100%" id="table332" height="100%" cellspacing="4" cellpadding="3">
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
沈阳市地方税务局和平分局2008年三季度税源... </td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
</table>
</div>
<div id="fragment-11"> 2</div>
<div id="fragment-12"> 呵呵呵 </div>
<div id="fragment-13"> 哈哈哈 </div>
<div id="fragment-14"> 嘻嘻嘻 </div>
</div>
<!-- 第四个tab -->
<div id="tabsEx4">
<ul style="height: 30px;">
<li><a href="#fragment-15"><span>税源动态</span></a></li>
<li><a href="#fragment-16"><span>税源通</span></a></li>
<li><a href="#fragment-17"><span>预警监控</span></a></li>
<li><a href="#fragment-18"><span>综合治税</span></a></li>
<li><a href="#fragment-19"><span>统计分析</span></a></li>
</ul>
<div id="fragment-15">
<table border="0" width="100%" id="table332" height="100%" cellspacing="4" cellpadding="3">
<tr>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="409">
<img border="0" src="images/title_link.jpg" width="5" height="6">
沈阳市地方税务局和平分局2008年三季度税源... </td>
<td style="font-size: 12px; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom: 1px dotted #C0C0C0" width="97" align="center">
[12-03 11:21] </td>
</tr>
</table>
</div>
<div id="fragment-
jquery js tab效果示例下载(强烈推荐)
4星 · 超过85%的资源 需积分: 9 66 浏览量
2009-04-22
16:20:37
上传
评论
收藏 59KB RAR 举报 
jquery js tab效果示例下载.rar （18个子文件） 
中国java下载站.url 81B
切换 css ui.tabs.css 4KB
tab效果.html 8KB images 
ds_049.gif 2KB ds_068.gif 2KB ds_070.gif 2KB ds_067.gif 2KB ds_048.gif 192B ds_066.gif 2KB ds_069.gif 2KB ds_001.gif 49B ds_065.gif 2KB ds_047.gif 691B
title_link.jpg 21KB js jquery-1.2.6.js 98KB ui ui.core.js 8KB ui.tabs.js 18KB index.htm 29KB
评论1
最新资源