为了做这件事，除了jquery库和idTabs插件，我们还需要下载一个用来搞URL的插件：jquery.url.js，传送门：https://github.com/allmarkedup/jQuery-URL-Parser （上述链接可能有错，如不能使用，可以到这里下载） 脚本之家提供idtabs打包下载 http://www.jb51.net/jiaoben/43086.htmlTab菜单的HTML代码这样写，每个tab的div自己搞定，不发出来浪费页面了： 复制代码 代码如下: <div class="tabmenu"> <ul> <li><a href="#idTab1">Dashboard</a></li> <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 emptynAuto selecting idTab1"); tabToSelect = "idTab1"; } //alert("Selecting: " + tabToSelect); $(".tabmenu ul").idTabs(tabToSelect); }); </script> 有图有真相：

　　推荐阅读

　　javascript针对DOM的应用分析（五）

其实这个应该不列入JS教程的范畴。应为FF，IE6以上浏览器都支持fixed这个固定属性。唯独IE6不支持。所以我为了可恶的IE6。我这里就出一篇教程吧。而且这种效果也可以锻炼同学们的计算能力。以后很多效果都需要你的>>>详细阅读

本文标题：idTabs基于JQuery的根据URL参数选择Tab插件

地址：http://www.17bianji.com/kaifa2/JS/23487.html

 1/2    1