Jquery ui 选项卡问题求解答，，，！！！

这是我想做成这样的但是我做出来却是这样的<title>无标题文档</title><linkhref="file:///D|/czq/jquery-ui-1.9.2/the... 这是我想做成这样的

但是我做出来却是这样的

<title>无标题文档</title>
<link href="file:///D|/czq/jquery-ui-1.9.2/themes/base/jquery.ui.core.css" rel="stylesheet" type="text/css" />
<link href="file:///D|/czq/jquery-ui-1.9.2/themes/base/jquery.ui.theme.css" rel="stylesheet" type="text/css" />
<link href="file:///D|/czq/jquery-ui-1.9.2/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="file:///jquery-ui-1.9.2/jquery-1.8.3.js"></script>
<script type="text/javascript" src="file:///jquery-ui-1.9.2/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="file:///jquery-ui-1.9.2/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="file:///jquery-ui-1.9.2/ui/jquery.ui.tabs.js"></script>
<style type="text/css">
.ui-tabs{
border:0px none #FFF;
background:none;
font-size:12px;
line-height:20px;
background-color: #FFF;
width:300px;
}
.ui-tabs .ui-tabs-nav{
border:1px solid:#903;
background:none;width:100px; float:left
}
.ui-tabs .ui-tabs-nav li{
background:none;
background-color: #900;
color:#FFF;
}
.ui-tabs .ui-tabs-nav li a{
color:#FFF;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
background-color:#FFF;
color:#900;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loadubg a{
cursor:text;
background-color: #fff;
color:#900
}
.ui-tabs .ui-tabs-panel{
background:none;
background-color: #fff;
color:#900
}`
.ui-tabs div{
width:180px;
loat:right}
</style>
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tab1">Tab1</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tab2">Tab2</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tab3">Tab3</a></li>
</ul>
<div id="tab1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">one</div>
<div id="tab2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">two</div>
<div id="tab3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">three</div>
</div>
</head>
<body>
<script>
$("#tabs").tabs();
</script>
</body>
</html> 展开





 我来答

1个回答

#热议# 不吃早饭真的会得胆结石吗？

bianweiall
2014-02-17 · TA获得超过168个赞

知道小有建树答主

回答量：186

采纳率：0%

帮助的人：114万

我也去答题访问个人页

关注

展开全部

"file:///D|/czq/jquery-ui-1.9.2/themes/base/jquery.ui.core.css"
把所有的文件组织在一个文件夹下，然后把"file:///D|/czq/jquery-ui-1.9.2/themes/base/jquery.ui.core.css"这种路径改成src="jquery-1.8.3.js"这样的看可以吗？

追问

求加好友！！！！

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

Jquery ui 选项卡问题 求解答，，，！！！

其他类似问题

为你推荐：

Jquery ui 选项卡问题求解答，，，！！！