为了做这件事，除了jquery库和idTabs插件，我们还需要下载一个用来搞URL的插件：jquery.url.js，传送门：[url=https://github.com/allmarkedup/jQuery-URL-Parser]https://github.com/allmarkedup/jQuery-URL-Parser[/url]
（上述链接可能有错，如不能使用，可以到这里[url=http://xiazai.jb51.net/201204/yuanma/jquery_url.rar]下载[/url]）
编程素材网提供idtabs打包下载 [url=http://www.1sucai.cn/jiaoben/43086.html]http://www.1sucai.cn/jiaoben/43086.html[/url]
Tab菜单的HTML代码这样写，每个tab的div自己搞定，不发出来浪费页面了：
[url=#idTab1]<li><a href="#idTab2">Tracker</a></li>
<li><a href="#idTab3">Documents</a></li>
<li><a href="#idTab4">Collaboration</a></li>
<li><a href="#idTab5">Knowledge Mapping</a></li>
</ul>
</div>
注意，一定不要给ul加class=”idTabs”，也就是不要用SunSean官网上的无javascript的写法。
脚本部分这样写：
<script type="text/javascript">
$(document).ready(function () {
var tabToSelect = jQuery.url.param("tab");
if (null == tabToSelect || "" == tabToSelect) {
//alert("Parameter 'tab' is null or empty\nAuto selecting idTab1");
tabToSelect = "idTab1";
}
//alert("Selecting: " + tabToSelect);
$(".tabmenu ul").idTabs(tabToSelect);
});
</script>
有图有真相：
[img]http://files.jb51.net/upload/201204/20120411174821175.jpg[/img]
[img]http://files.jb51.net/upload/201204/20120411174822106.jpg[/img]
[img]http://files.jb51.net/upload/201204/20120411174823481.jpg[/img]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
