xiangqian0505
- 浏览: 322269 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
ayidaweiwei：
上面已经写得很清楚了,吧里data 里面的数据定义成一个Bea ...
json对象转换成复杂Bean（包括bean、list<Bean>、Object） -
chaohua2012：
你好，如果json是这种形式呢"type" ...
json对象转换成复杂Bean（包括bean、list<Bean>、Object） -
a6892509：
大神呀
Java异常处理心得 -
liubaolin123：
请问有源码么？
restlet2.0.6+spring3.2.2+mybatis3.2.3 集成 -
xiangqian0505：
xiangqian0505 写道duan_1991 写道文章不 ...
Java异常处理心得
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
<!--
#Layer1 {
position: absolute;
width: 896px;
height: 472px;
z-index: 1;
left: 97px;
top: 120px;
}
#Layer2 {
position: absolute;
width: 127px;
height: 86px;
z-index: 2;
left: 1159px;
top: 240px;
}
#Layer3 {
position: absolute;
width: 200px;
height: 115px;
z-index: 3;
left: 404px;
top: 160px;
}
body {
background-image: url(lib/images/index111.jpg);
margin-left: -10px;
}
.input_image{border:0px solid #808080; background-color:#006699;}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" >
<div id="Layer3">
<img src="lib/images/welcome33.gif" />
</div>
<div id="Layer1">
<iframe src="earth.jsp" id="Layer1"></iframe>
</div>
<div id="Layer2">
<input class="input_image" type=image src="lib/images/website.jpg" id="website_earth" alt="点击按钮查询站点分布地图"/>
<br><br>
<input class="input_image" type=image src="lib/images/associator.jpg" id="select_ass" alt="点击按钮查询用户卡信息"/>
<br><br>
<input class="input_image" type=image src="lib/images/yichang.jpg" id="yichang" alt="点击按钮处理异常卡信息"/>
<br><br>
<input class="input_image" type=image src="lib/images/lvchang.jpg" id="gtbike" alt="点击查看公司简介"/>
</div>
</body>
</html>
<script>
var secs=20;
var wait=secs*100;
//切换按下时的图片
function timing(){
document.getElementById("select_ass").disabled =true;
document.getElementById("select_ass").src = "lib/images/123123.jpg";
//定时切换图片
/*for(i=1;i<=(wait/100);i++) {
window.setTimeout("doUpdate(" + i + ")", i * 100);
}
window.setTimeout("Timer()", wait);
}
function doUpdate(num) {
if(num == (wait/100)) {
document.getElementById("select_ass").src = "lib/images/associator.jpg";
} else {
wut = (wait/100)-num;
document.getElementById("select_ass").src = "lib/images/123123.jpg";
}*/
}
//切换原始图片
function Timer(){
document.getElementById("select_ass").disabled =false;
document.getElementById("select_ass").src = "lib/images/associator.jpg";
}
var btMax =document.getElementById("Layer1");
website_earth.onclick= function(){
displayDiv();
btMax.innerHTML ="<iframe src=earth.jsp id=Layer1 onLoad='removeDiv()'></iframe>";
}
select_ass.onclick= function(){
displayDiv();
timing();
btMax.innerHTML ="<iframe src=Client?name=1 id=Layer1 onLoad='removeDiv()'></iframe>";
//js创建iframe对象
/*var NewFrame=window.parent.document.createElement("iframe");
NewFrame.id="Layer1";
NewFrame.setAttribute("frameBorder","0");
NewFrame.setAttribute("scrolling","no");
NewFrame.setAttribute("onLoad","removeDiv()");
NewFrame.setAttribute("src","Client?name=1");
btMax.appendChild(NewFrame);*/
}
yichang.onclick= function(){
displayDiv();
btMax.innerHTML ="<iframe src=Client?name=2 id=Layer1 onLoad='removeDiv()'></iframe>";
}
gtbike.onclick= function(){
btMax.innerHTML ="<iframe src=lib/images/61111.jpg id=Layer1></iframe>";
}
//遮罩层显示
var mybg;
displayDiv=function()
{
mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.innerHTML="<center>正在处理中, 请稍候<img src='lib/images/loading.gif'></img></center>";
mybg.style.width = "100%";
mybg.style.position = "absolute";//绝对位置显示
mybg.style.top = "260";
mybg.style.left = "0";
mybg.style.zIndex = "100";//z轴位置
mybg.style.opacity = "0.8";//透明度
mybg.style.filter = "Alpha(opacity=80)";//滤镜显示透明度
document.body.appendChild(mybg);
}
//遮罩层移除
removeDiv=function()
{
document.body.removeChild(mybg);
Timer();
}
</script>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
<!--
#Layer1 {
position: absolute;
width: 896px;
height: 472px;
z-index: 1;
left: 97px;
top: 120px;
}
#Layer2 {
position: absolute;
width: 127px;
height: 86px;
z-index: 2;
left: 1159px;
top: 240px;
}
#Layer3 {
position: absolute;
width: 200px;
height: 115px;
z-index: 3;
left: 404px;
top: 160px;
}
body {
background-image: url(lib/images/index111.jpg);
margin-left: -10px;
}
.input_image{border:0px solid #808080; background-color:#006699;}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" >
<div id="Layer3">
<img src="lib/images/welcome33.gif" />
</div>
<div id="Layer1">
<iframe src="earth.jsp" id="Layer1"></iframe>
</div>
<div id="Layer2">
<input class="input_image" type=image src="lib/images/website.jpg" id="website_earth" alt="点击按钮查询站点分布地图"/>
<br><br>
<input class="input_image" type=image src="lib/images/associator.jpg" id="select_ass" alt="点击按钮查询用户卡信息"/>
<br><br>
<input class="input_image" type=image src="lib/images/yichang.jpg" id="yichang" alt="点击按钮处理异常卡信息"/>
<br><br>
<input class="input_image" type=image src="lib/images/lvchang.jpg" id="gtbike" alt="点击查看公司简介"/>
</div>
</body>
</html>
<script>
var secs=20;
var wait=secs*100;
//切换按下时的图片
function timing(){
document.getElementById("select_ass").disabled =true;
document.getElementById("select_ass").src = "lib/images/123123.jpg";
//定时切换图片
/*for(i=1;i<=(wait/100);i++) {
window.setTimeout("doUpdate(" + i + ")", i * 100);
}
window.setTimeout("Timer()", wait);
}
function doUpdate(num) {
if(num == (wait/100)) {
document.getElementById("select_ass").src = "lib/images/associator.jpg";
} else {
wut = (wait/100)-num;
document.getElementById("select_ass").src = "lib/images/123123.jpg";
}*/
}
//切换原始图片
function Timer(){
document.getElementById("select_ass").disabled =false;
document.getElementById("select_ass").src = "lib/images/associator.jpg";
}
var btMax =document.getElementById("Layer1");
website_earth.onclick= function(){
displayDiv();
btMax.innerHTML ="<iframe src=earth.jsp id=Layer1 onLoad='removeDiv()'></iframe>";
}
select_ass.onclick= function(){
displayDiv();
timing();
btMax.innerHTML ="<iframe src=Client?name=1 id=Layer1 onLoad='removeDiv()'></iframe>";
//js创建iframe对象
/*var NewFrame=window.parent.document.createElement("iframe");
NewFrame.id="Layer1";
NewFrame.setAttribute("frameBorder","0");
NewFrame.setAttribute("scrolling","no");
NewFrame.setAttribute("onLoad","removeDiv()");
NewFrame.setAttribute("src","Client?name=1");
btMax.appendChild(NewFrame);*/
}
yichang.onclick= function(){
displayDiv();
btMax.innerHTML ="<iframe src=Client?name=2 id=Layer1 onLoad='removeDiv()'></iframe>";
}
gtbike.onclick= function(){
btMax.innerHTML ="<iframe src=lib/images/61111.jpg id=Layer1></iframe>";
}
//遮罩层显示
var mybg;
displayDiv=function()
{
mybg = document.createElement("div");
mybg.setAttribute("id","mybg");
mybg.innerHTML="<center>正在处理中, 请稍候<img src='lib/images/loading.gif'></img></center>";
mybg.style.width = "100%";
mybg.style.position = "absolute";//绝对位置显示
mybg.style.top = "260";
mybg.style.left = "0";
mybg.style.zIndex = "100";//z轴位置
mybg.style.opacity = "0.8";//透明度
mybg.style.filter = "Alpha(opacity=80)";//滤镜显示透明度
document.body.appendChild(mybg);
}
//遮罩层移除
removeDiv=function()
{
document.body.removeChild(mybg);
Timer();
}
</script>
分享到：
发表评论
-
restlet2.0.6+spring3.2.2+mybatis3.2.3 集成
2013-12-27 15:55 16861基于上一篇博客http://wuxiangqian.ite ... -
Mybatis3.2使用心得 中文API
2013-12-10 17:41 38998最近写一个web服务接口，用到了MyBatis3.2，把我 ... -
js 克隆 Clone
2013-06-18 16:39 1081Object.prototype.Clone=functi ... -
Internet Explorer 已对此页面进行了修改,以帮助阻止跨站点脚本
2013-05-05 15:11 17605ie浏览器提示错误的原 ... -
使用JavaScript在IE和Firefox下进行iframe的DOM操作
2013-04-27 16:33 1135IE和Firefox对iframe document对象的差 ... -
Java异常处理心得
2012-12-27 10:26 13199项目是基于 ... -
IE文本框内容右对齐后光标消失
2012-12-20 16:42 1938<input type="text" ... -
实践Oracle与DB2区别及问题解决
2012-12-19 13:53 1941项目进入开发阶段的时候，为了方便，一直使用 Or ... -
jquery多级联动下拉插件chained（附DEMO）
2012-10-29 16:39 1752<!DOCTYPE html PUBLIC " ... -
基于jQuery的Spin Button自定义文本框数值自增或自减（测试案例）
2012-07-23 10:33 1658/** * jquery.spin.js * ... -
json对象转换成复杂Bean（包括bean、list<Bean>、Object）
2012-07-09 18:33 29640jsonWorkflowBean是json字符串 // ... -
AJAX同步 JS方法顺序执行
2012-06-19 09:33 10901//保存前执行的方法,ajax同步调用后台验证包裹单号是否存在 ... -
JS 设置下拉选择框默认值
2012-06-14 10:12 5733//根据下拉对象默认选中后台对应的记录 function ... -
json字符串转换成List<bean>
2012-06-05 14:52 1949String gra = JSONUtils.toJSON(g ... -
MyEclipse自动生成注释文档
2012-04-06 11:54 1144在myeclipse中导入该附件 window—pre ... -
Java实现 SSL双向认证
2012-04-01 10:01 1261我们常见的SSL验证较多的只是验证我们的服务器是否是真实正确的 ... -
JAVA 二级联动菜单
2012-03-12 13:45 2372<%@ page language="java ... -
列出某文件夹下的所有文件
2012-03-03 23:12 1043File f=new File("Derec ... -
java 数据库连接池的简单实现
2012-03-03 23:07 1483package com.wangjia.tools; ... -
Javascript 汉字转首字母的拼音（支持多音字的选择）
2012-02-27 13:27 11594这是html代码，保存为html格式的文件，将下面的js代码保 ...
相关推荐
本文实例讲述了JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果。分享给大家供大家参考，具体如下： <%@ page language=java import=java.util.* pageEncoding=GB2312%> <% String path...
"图片浏览直接显示[兼容IE, FireFox]"这个标题暗示了我们要讨论的是如何在两种主流浏览器——Internet Explorer（IE）和Firefox中实现图片的无缝浏览体验。尽管IE浏览器已经不再更新，但在某些环境下仍被使用，因此...
在网页开发过程中，Firefox（火狐浏览器）和Internet Explorer（IE浏览器）的兼容性问题一直是一大挑战。这两个浏览器在解析HTML、CSS以及JavaScript时有着不同的实现方式，导致某些代码在Firefox下正常运行，但在IE...
在IE中，可以通过`window.frames`或`parent.frames`访问iframe或frame的内容，而在Firefox中，通常使用`contentWindow`或`contentDocument`属性来访问。 4. **设置元素文本内容测试.html** IE支持`innerText`属性...
- **动画效果**：通过CSS3的过渡或动画属性，可以为遮罩层的显示与隐藏过程添加平滑的动画效果，提升视觉体验。 - **交互性增强**：除了基本的显示与隐藏功能外，还可以通过JavaScript为遮罩层添加更多交互逻辑，如...
"iFrame高度自适应终极解决方案（兼容IE7,8,9 Firefox3.6+,Chrome 12+）"这个标题所指向的，就是一种跨浏览器的策略，确保iFrame内容无论何时更新，都能自动调整其高度，从而避免滚动条的出现和内容溢出。...
### 解决IE、Firefox、Chrome、Safari浏览器中iframe显示高度自适应问题 在Web开发中，`iframe`（Inline Frame）元素常被用于嵌入另一个HTML文档到当前页面中，这种技术为开发者提供了极大的便利，例如加载广告、...
例如，当需要显示遮罩层和加载提示时，我们可以编写以下代码： ```javascript // overlay.js function showOverlay() { document.getElementById('mask').style.display = 'block'; document.getElementById('...
NULL 博文链接：https://snandy.iteye.com/blog/666530
微信内置的X5内核浏览器会检测页面中的一些特定事件或行为，比如页面跳转、弹窗等，来决定是否显示遮罩层。要检测这种行为，我们可以利用JavaScript进行实时监控。 下面是一个关键的JavaScript代码片段，用于检测...
然而，由于不同浏览器的实现差异，特别是Internet Explorer（IE）和Firefox，开发者经常面临兼容性问题。以下是一些关键的JavaScript兼容处理策略： 1. **数组、集合类对象的元素访问** - IE支持`for...in`循环...
2. **JavaScript**：通过添加/移除CSS类名来控制遮罩层的显示与隐藏。这通常与事件处理（如点击按钮）配合使用。 ```javascript function toggleMask() { const mask = document.querySelector('.mask'); mask....
在非IE浏览器（如Firefox、Chrome等）中，我们可以直接使用`<iframe>`的`onload`事件进行绑定，例如： ```javascript var iframe = document.createElement("iframe"); iframe.src = "http://example.com"; iframe....
在处理CSS兼容性问题时，有时会发现某些CSS属性在Firefox和IE中的表现不同。例如，“cursor: hand;”在IE中显示为手形光标，而在Firefox中可能不被识别。这种情况下，建议使用“cursor: pointer;”以确保跨浏览器的...
遮罩层常用于模态框或弹出层，其主要作用是突出显示特定内容，并阻止用户对页面其他部分的操作。 #### 实现方式 1. **使用 Div 实现**：创建一个全屏覆盖的黑色半透明 Div 作为遮罩层，设置 `z-index` 属性确保...
在JavaScript中，读取Excel文件（.xls）并兼容多种浏览器，如Chrome、IE和Firefox，是一项常见的需求。这通常涉及到文件API、ActiveXObject（针对IE）和第三方库的使用。下面将详细介绍如何实现这一功能。 首先，...
通过CSS的 `position` 属性（如 `fixed` 或 `absolute`）和 `z-index` 属性，我们可以确保遮罩层位于其他元素之上。 2. **Loading样式**：在提供的 `loading.css` 文件中，可能包含了定义遮罩层样式的CSS规则，比如...
本篇文章将详细探讨如何实现“图片上传预览”功能，并确保在IE 6/7/8及Firefox（包括新版）等浏览器中的兼容性。 首先，我们需要了解不同浏览器对HTML5新特性的支持情况。现代浏览器如Chrome、Safari和新版Firefox...