網站模板之jquery選項卡效果
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
<html xmlns=www.w3.org/1999/xhtml xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>網站模板之jquery選項卡效果</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="js/jquery-1.2.6.min.js" type="text/網頁特效" charset="utf-8"></script>
<script src="js/widget.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="page-wrap">
<div class="box">
<ul id="catnav">
<li class="activecatbutton"><a id="list-one-button">apple</a></li>
<li><a id="list-two-button">linux</a></li>
<li><a id="list-three-button">microsoft</a></li>
<li><a id="list-four-button">news</a></li>
</ul>
<ul class="cat-list" id="list-one">
<li><a href="#">網站模板</a></li>
<li><a href="#">網站模板</a></li>
<li><a href="#">網站模板</a></li>
<li><a href="#">網站模板</a></li>
<li><a href="#">網站模板</a></li>
</ul>
<ul class="cat-list" id="list-two">
<li><a href="#">網上商城系統</a></li>
<li><a href="#">網上商城系統</a></li>
<li><a href="#">網上商城系統</a></li>
<li><a href="#">網上商城系統</a></li>
<li><a href="#">網上商城系統</a></li>
</ul>
<ul class="cat-list" id="list-three">
<li><a href="#">網奇IWMS網站管理系統</a></li>
<li><a href="#">網奇IWMS網站管理系統</a></li>
<li><a href="#">網奇IWMS網站管理系統</a></li>
<li><a href="#">網奇IWMS網站管理系統</a></li>
<li><a href="#">網奇IWMS網站管理系統</a></li>
</ul>
<ul class="cat-list" id="list-four">
<li><a href="#">秦皇島SEO/秦皇島網站優化</a></li>
<li><a href="#">秦皇島SEO/秦皇島網站優化</a></li>
<li><a href="#">秦皇島SEO/秦皇島網站優化</a></li>
<li><a href="#">秦皇島SEO/秦皇島網站優化</a></li>
<li><a href="#">秦皇島SEO/秦皇島網站優化</a></li>
</ul>
</div>
</div>
</body>
</html>