- 浏览: 32423 次
- 性别:
- 来自: 沈阳
最新评论
<%@ 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;"/>
<!-- Tabs -->
<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>
<!-- RRU拉远 -->
<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>
<!-- 引入通用js -->
<script type="text/javascript" src="module/base-info/js/common.js"></script>
<!-- 引入基础信息js -->
<script type="text/javascript" src="module/base-info/js/jcxx.js"></script>
<!-- 引入主设备js -->
<script type="text/javascript" src="module/base-info/js/zsb.js"></script>
<!-- 引入电源js -->
<script type="text/javascript" src="module/base-info/js/power.js"></script>
<!-- 引入天馈,接地,铁塔js -->
<script type="text/javascript" src="module/base-info/js/tkjdtt.js"></script>
<!-- 引入传输JS -->
<script type="text/javascript" src="module/base-info/js/tran.js"></script>
<!-- 引入空调JS -->
<script type="text/javascript" src="module/base-info/js/kt.js"></script>
<!-- 引入监控JS -->
<script type="text/javascript" src="module/base-info/js/jk.js"></script>
<!-- 引入图片JS -->
<script type="text/javascript" src="module/base-info/js/images.js"></script>
<!-- 引入直放站JS -->
<script type="text/javascript" src="module/base-info/js/rpt.js"></script>
<!-- 引入灭火器JS -->
<script type="text/javascript" src="module/base-info/js/mhq.js"></script>
<!-- 引入室分JS -->
<script type="text/javascript" src="module/base-info/js/sf.js"></script>
<!-- 引入RRU拉远JS -->
<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>
<%@ 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;"/>
<!-- Tabs -->
<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>
<!-- RRU拉远 -->
<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>
<!-- 引入通用js -->
<script type="text/javascript" src="module/base-info/js/common.js"></script>
<!-- 引入基础信息js -->
<script type="text/javascript" src="module/base-info/js/jcxx.js"></script>
<!-- 引入主设备js -->
<script type="text/javascript" src="module/base-info/js/zsb.js"></script>
<!-- 引入电源js -->
<script type="text/javascript" src="module/base-info/js/power.js"></script>
<!-- 引入天馈,接地,铁塔js -->
<script type="text/javascript" src="module/base-info/js/tkjdtt.js"></script>
<!-- 引入传输JS -->
<script type="text/javascript" src="module/base-info/js/tran.js"></script>
<!-- 引入空调JS -->
<script type="text/javascript" src="module/base-info/js/kt.js"></script>
<!-- 引入监控JS -->
<script type="text/javascript" src="module/base-info/js/jk.js"></script>
<!-- 引入图片JS -->
<script type="text/javascript" src="module/base-info/js/images.js"></script>
<!-- 引入直放站JS -->
<script type="text/javascript" src="module/base-info/js/rpt.js"></script>
<!-- 引入灭火器JS -->
<script type="text/javascript" src="module/base-info/js/mhq.js"></script>
<!-- 引入室分JS -->
<script type="text/javascript" src="module/base-info/js/sf.js"></script>
<!-- 引入RRU拉远JS -->
<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>
- js.rar (235.1 KB)
- 下载次数: 13
发表评论
-
百度地图和ztree开发电子围栏功能
2016-09-29 09:27 4806jsp <%@ page language=" ... -
Oracle11g Enterprise Manager配置失败
2014-04-29 11:20 2564Win7先安装oracle 11g时,安装检测到系统的主 IP ... -
java弹窗导入导出文件
2014-03-24 11:42 1524package com.action.frame; impo ... -
jsp访问上级窗口元素
2014-04-29 11:22 439opener.document.getElementById( ... -
页面关闭IE触发事件方法
2013-09-30 09:56 585function window.onbeforeunload( ... -
页面右下角消息提示
2013-09-29 14:05 496<%@ page language="java ... -
oracle 日期列表
2013-09-29 12:52 521获取某个时间段之间的月份列表(示例返回2009-03到2010 ... -
倒计时
2013-09-24 10:01 353//提交 function doSubmit(){ ... -
oracle11G 最新驱动包
2013-09-24 10:00 698oracle11G 最新驱动包 解决与Spring冲突问题 ... -
获取第几天后的日期
2013-09-16 09:23 587Calendar cal = Calendar.getInst ... -
web工程下获取properties文件
2013-09-16 09:19 560String propertiesPath = getClas ... -
javamail
2013-09-16 09:15 558final SendMail sendmail = new S ... -
java根据年和周获取当前的日期时间段
2013-09-16 09:10 1294String[] dates = new String[7]; ... -
JSP判断日期间隔天数
2013-07-15 11:14 629var temp_field1 = $("#temp ... -
dtree不选中子节点处理
2013-05-17 10:35 1301//dtree.js 208行(chks[i].checked ... -
IE8下JS插入表格
2013-05-17 10:25 679//IE8下使用JS插入JSP表格 var tbl = do ... -
JSP样式实例
2013-05-10 15:59 671<%@ page contentType="t ... -
Oracle表空间和用户创建赋权限
2013-05-10 15:54 667--RLDM CREATE TABLESPACE RLDM D ... -
hibernate oracle 主键递增
2013-05-10 15:47 483<?xml version="1.0" ... -
Spring配置文件,SSH, Oracl数据库
2013-05-10 15:45 730<?xml version="1.0" ...
相关推荐
在描述中提到,“很好用,很漂亮”,这暗示了该JSP选项卡组件不仅功能强大,而且在视觉设计上也具有吸引力。它可能提供了多种主题和样式选择,以适应不同网站的设计风格。同时,由于被推荐“多多顶起”,我们可以...
在网页设计中,"jsp鼠标移动右侧显示选项卡,移开时不显示" 是一种常见的交互效果,主要用于提高用户体验。这种效果通常使用JavaScript、CSS以及HTML等技术实现,JSP(JavaServer Pages)作为服务器端的技术,主要...
本教程将详细介绍如何利用JavaScript(JS)制作一个简单易用的JSP选项卡,同时深入理解选项卡的实现原理。 首先,我们需要了解JSP(JavaServer Pages)的基础。JSP是一种动态网页技术,允许开发人员在HTML或XML文档...
3. 切换效果:在事件处理函数中,利用SuperSlide的API来切换显示的内容,如改变当前选中选项卡的样式,隐藏其他内容区域并显示对应选项卡的内容。 4. 动画过渡:SuperSlide插件提供了平滑的动画过渡效果,使切换过程...
例如,当前选中的选项卡显示为块级元素,其他未选中的选项卡设置为隐藏。 2. **JavaScript**: - 选项卡切换:使用JavaScript事件监听(如`click`事件)来监听用户对选项卡的操作。当用户点击某个选项卡时,更改...
在本案例中,我们讨论的是使用JSP和CSS技术来实现一个仿XP系统的选项卡功能。这种技术可以让用户在有限的页面空间内浏览多个相关的但内容独立的部分,提升网页的交互性和易用性。 首先,让我们深入理解JSP(Java...
在选项卡中使用JSP时,可能需要根据用户的行为或服务器端数据来决定默认显示哪个选项卡。例如,通过请求参数或session来控制: ```jsp String activeTab = request.getParameter("tab") || "tab1"; %> ...
在实际应用中,我们还可以为Tab选项卡增加更多有趣的功能,比如延迟显示内容或自动切换显示不同的选项卡。以下是一个实现延迟显示效果的例子: ```html <li id="0" class="select"><a href="#">公告</a></li>...
7. **计数器和索引管理**:为了跟踪当前显示的图片和选项卡,需要维护一个计数器或索引。每次点击按钮或选项卡时,都会更新这个索引,并据此计算出新的图片位置。 8. **边界检查**:当用户尝试滚动到最后一张图片后...
在每个选项卡的鼠标悬停(mouseover)事件中,会调用Change函数来改变当前激活的选项卡,并更新对应的内容显示。Change函数会将所有选项卡的类清空,只给当前激活的选项卡加上“active”类,内容区域同理,只显示...
在实现轮换选项卡功能时,JSP可能用于控制数据的获取和处理,以及与前端交互,比如传递当前选中的选项卡信息。 在一篇关于轮换选项卡的JSP教程中,可能会涵盖以下知识点: 1. JSP基本语法:讲解如何在JSP页面中...
例如,在Eclipse中,可以通过“Window -> Preferences -> General -> Content Types”选项卡来设置默认的编码格式。确保所有相关工具和环境的编码设置一致,以避免出现乱码问题。 综上所述,通过合理设置JSP页面、...
你可以通过设置`activeIndex`属性来指定默认显示的选项卡,或者使用`animation`属性来定义切换动画。例如: ```jsp <!-- ... --> ``` 在实际开发中,你可能还需要根据具体需求自定义样式或者扩展功能。此时,...
还可以设置不显示MyEclipse Dashboard,进一步优化启动性能。 3. JVM参数优化 - 通过修改myeclipse.ini文件来调整JVM参数,这直接关系到MyEclipse运行时的性能。这里可以调整堆内存(-Xmx)的大小、最大永久代大小...
在本文中,我们将探讨如何使用JavaScript和JSP来实现在鼠标移动到指定区域时显示选项卡,并在鼠标离开时将其隐藏的功能。这种交互式设计在网页开发中很常见,可以用于创建动态的导航菜单或工具提示。 首先,我们...
在这个项目中,开发者可能使用了DOM操作、事件监听以及可能的jQuery库来实现图片的动态显示和选项卡切换效果。通过学习这个项目,你可以了解到如何用JavaScript构建用户友好的界面元素。 【超漂亮工作室 v0.12.rar...
1,有现存的模版系统,10天内可以定制完成你所...8,采用最先进的选项卡技术分类显示不同类别的信息; 9,本产品已经相当成熟,jsp+mysql实现。期待进一步的合作,QQ:983104231。 10,网址:http://www.5djava.com
选项卡(tabs/ Divs)标签 数据查询录入(dataselectinput)标签到 QQ菜单标签 下拉选择框树形菜单 年份选择标签(YearSelect) 日期时间格式化标签(FormatData) 字符串格式标签(StringLenFormat) 文件服务标签(file...