jquery ui tabs的最简单实现

最新推荐文章于 2024-07-30 18:29:33 发布

david_yao

最新推荐文章于 2024-07-30 18:29:33 发布

阅读量615

点赞数

分类专栏： Js 文章标签： tabs jquery ui stylesheet class url

本文链接：https://blog.csdn.net/david_yao/article/details/4478628

版权

Js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<%@ include file="/common/taglibs.jsp"%>
<head>
<link rel="stylesheet" href="/eitp/styles/newAllStyle/style.css"/>
<link rel="stylesheet" href="/eitp/scripts/jquery/ui/base/ui.all.css"/>
<script type="text/javascript" src="<s:url value='/scripts/jquery/jquery-1.3.2.js' />"></script>
<script type="text/javascript" src="<s:url value='/scripts/jquery/ui/ui.core.js' />"></script>
<script type="text/javascript" src="<s:url value='/scripts/jquery/ui/ui.tabs.js' />"></script>
<script type="text/javascript" src="<s:url value='/scripts/pageHelp/common.js' />"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ui-tabs-nav").tabs();

});
</script>

</head>
<div class="ui-tabs">
<div class="ui-tabs-nav">
<ul>
<li><a href="#panel-1"><s:text name="psychology.encyclopedia" /></a></li>
<li><a href="#panel-2"><s:text name="psychology.healthcare" /></a></li>
</ul>
<div id="panel-1" class="ui-tabs-panel">AA</div>
<div id="panel-2" class="ui-tabs-hide">BBB</div>
</div>
</div>