谁在.net模板页里用过这个jquery tab，我弄了好几次都不成功啊

http://www.stilbuero.de/jquery/tabs_3/rotate.html就是这个页面
我写的代码如下可是没有效果啊，看不出怎么回事
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %><!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>    <title>无标题页</title>
    <link href="jquery/development/themes/ui_lightness/ui.tabs.css" type="text/css"  rel="Stylesheet" media="print, projection, screen" />
    <script src="jquery/development/ui/ui.tabs.js" type="text/javascript"></script>
    <script src="jquery/development/ui/ui.core.js" type="text/javascript"></script>
    <script src="jquery/development/jquery_1.3.2.js" type="text/javascript"></script>
    <script type="text/javascript">
            $(function(){
                $('#rotate >ul').tabs({ fx: { opacity:'toggle' }}).tabs('rotate',60000);
            });
    </script>      <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
        <div id="rotate">
            <ul>
                <li><a href="#fragment-1"><span>Section 1</span></a></li>
                <li><a href="#fragment-2"><span>Section 2</span></a></li>
                <li><a href="#fragment-3"><span>Section 3</span></a></li>
                <li><a href="#fragment-4"><span>Section 4</span></a></li>
                <li><a href="#fragment-5"><span>Section 5</span></a></li>
            </ul>
            <div id="fragment-1">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
            <div id="fragment-2">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
            <div id="fragment-3">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
            <div id="fragment-4">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
            <div id="fragment-5">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
        </div>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

解决方案 »

  1.   

    明显是用后台程序控制的，不用这种效果不行吗？其他的都挺好看的，CSDN登陆窗口的TAB就不错，代码也清晰。
      

  2.   

    JS引用顺序错了
    try->
      <script src="jquery/development/jquery_1.3.2.js" type="text/javascript"></script>
      <script src="jquery/development/ui/ui.core.js" type="text/javascript"></script>
      <script src="jquery/development/ui/ui.tabs.js" type="text/javascript"></script>  
      

  3.   


    插件你有没有引用？ 你要把ui.tabs.js, ui.core.js,ui.core.js,jquery_1.3.2.js
    放到你文件相应的位置呀！
     <link href="jquery/development/themes/ui_lightness/ui.tabs.css" type="text/css"  rel="Stylesheet" media="print, projection, screen" />
        <script src="jquery/development/ui/ui.tabs.js" type="text/javascript"></script>
        <script src="jquery/development/ui/ui.core.js" type="text/javascript"></script>
        <script src="jquery/development/jquery_1.3.2.js" type="text/javascript"></script>
      

  4.   

    这个你需要放在.net框架里的PageLoad函数里面
      

  5.   

    我已经在.net的解决方案里建了个文件夹jquery.把下载的jquery库文件都放到里面了