JSP选项卡显示

最新推荐文章于 2023-06-10 18:23:30 发布

xiyuliuguang274

最新推荐文章于 2023-06-10 18:23:30 发布

阅读量182

点赞数

分类专栏：开发实例文章标签： tab() 选项卡 JQuery选项卡效果

开发实例专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html;charset=gbk" pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" href="module/base-info/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="module/base-info/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="module/base-info/js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="system/js/JsonTools.js"></script>
<script type="text/javascript" src="js/date/WdatePicker.js" defer="defer"></script>

<title>基站信息编辑</title>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 2px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.STYLE1 {color: #FF0000}

.selectWidth{width:135px}
#loading_div { position:absolute; left:0px; top:0px; width: 100%;
height: 100%; background-color:#f8fdff; filter:alpha(opacity=100); }
</style>
</head>
<body >
<div id="loading_div">
<div style="text-align:center;padding-top:200px">
<span style="font-family: 宋体; font-size:22px; color:red;">数据加载中...</span>
</div>
</div>

<jsp:include page="./edit_top1.jsp"></jsp:include>
<div style="width:975px;margin:0 auto;"/>

<div id="tabs" style="border:1px solid #ACD4EA;">
<ul style="border:1px solid #ACD4EA; background-color:none;">
<li><a href="#tabs-1">基础信息</a></li>
<li><a href="#tabs-2">主设备</a></li>
<li><a href="#tabs-3">传输</a></li>
<li><a href="#tabs-4">天馈、接地、铁塔</a></li>
<li><a href="#tabs-5">电源</a></li>
<li><a href="#tabs-6">空调</a></li>
<li><a href="#tabs-7">监控</a></li>
<li><a href="#tabs-8">灭火器</a></li>
<li><a href="#tabs-9">室分</a></li>
<li><a href="#tabs-10">RRU拉远</a></li>
<li><a href="#tabs-11">直放站</a></li>
<li><a href="#tabs-12">图片</a></li>
</ul>

<div id="tabs-1">
<jsp:include page="jcxx.jsp"></jsp:include>
</div>

<div id="tabs-2">
<jsp:include page="zsb.jsp"></jsp:include>
</div>

<div id="tabs-3">
<jsp:include page="tran.jsp"></jsp:include>
</div>
<div id="tabs-4">
<jsp:include page="tkjdtt.jsp"></jsp:include>
</div>
<div id="tabs-5">
<jsp:include page="power.jsp"></jsp:include>
</div>

<div id="tabs-6">
<jsp:include page="kt.jsp"></jsp:include>
</div>

<div id="tabs-7">
<jsp:include page="jk.jsp"></jsp:include>
</div>

<div id="tabs-8">
<jsp:include page="mhq.jsp"></jsp:include>
</div>

<div id="tabs-9">
<jsp:include page="sf.jsp"></jsp:include>
</div>

<div id="tabs-10">
<jsp:include page="rru.jsp"></jsp:include>
</div>

<div id="tabs-11">
<jsp:include page="rpt.jsp"></jsp:include>
</div>

<div id="tabs-12">
<jsp:include page="images.jsp"></jsp:include>
</div>
</div>
<script type="text/javascript">
$(function(){
// Tabs
$('#tabs').tabs();

});
</script>

<script type="text/javascript" src="module/base-info/js/common.js"></script>

<script type="text/javascript" src="module/base-info/js/jcxx.js"></script>

<script type="text/javascript" src="module/base-info/js/zsb.js"></script>

<script type="text/javascript" src="module/base-info/js/power.js"></script>

<script type="text/javascript" src="module/base-info/js/tkjdtt.js"></script>

<script type="text/javascript" src="module/base-info/js/tran.js"></script>

<script type="text/javascript" src="module/base-info/js/kt.js"></script>

<script type="text/javascript" src="module/base-info/js/jk.js"></script>

<script type="text/javascript" src="module/base-info/js/images.js"></script>

<script type="text/javascript" src="module/base-info/js/rpt.js"></script>

<script type="text/javascript" src="module/base-info/js/mhq.js"></script>

<script type="text/javascript" src="module/base-info/js/sf.js"></script>

<script type="text/javascript" src="module/base-info/js/rru.js"></script>
<script type="text/javascript">
document.onreadystatechange = function() {
if (document.readyState == "complete") {
document.getElementById("loading_div").style.display="none";
}
};

</script>
</body>
</html>

xiyuliuguang274

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSP选项卡显示

基站信息编辑/*demo page css*/body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 2px;}.demoHeaders { margin-top: 2em; }#dialog_link {padding: .4em 1em .4em 20px;...
复制链接

扫一扫