几天使用jquery ui tabs插件设计网页,步骤是按照网上的方法做的,可惜没有tabs页面切换的效果,源代码如下,希望高手指点
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tabs.aspx.cs" Inherits="tabs" %><!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 runat="server">
<title>无标题页</title>
<link type="text/css" href="css/jquery-ui-1.8.4.custom.css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="jquery/jquery-ui-1.8.4.custom.min.js">
</script>
<script type="text/javascript">
$(function(){
$('#tabs > ul').tabs();
}); </script>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="tabs">
<ul>
<li><a href="#receivebox">收件箱</a></li>
<li><a href="#sendbox">发件箱</a></li>
<li><a href="#sendmessage">发送信息</a></li>
</ul>
<div id="receivebox">收件箱</div>
<div id="sendbox">发件箱</div>
<div id="sendmessage">发送消息</div>
</div>
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="tabs.aspx.cs" Inherits="tabs" %><!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 runat="server">
<title>无标题页</title>
<link type="text/css" href="css/jquery-ui-1.8.4.custom.css" />
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="jquery/jquery-ui-1.8.4.custom.min.js">
</script>
<script type="text/javascript">
$(function(){
$('#tabs > ul').tabs();
}); </script>
</head>
<body>
<form id="form1" runat="server">
<div id="container">
<div id="tabs">
<ul>
<li><a href="#receivebox">收件箱</a></li>
<li><a href="#sendbox">发件箱</a></li>
<li><a href="#sendmessage">发送信息</a></li>
</ul>
<div id="receivebox">收件箱</div>
<div id="sendbox">发件箱</div>
<div id="sendmessage">发送消息</div>
</div>
</div>
</form>
</body>
</html>
这个给你做参考。