JSON

Jpage分页+Hibernate+Ajax+jquery+JSON通用技术二(3)

字号+ 作者:H5之家 来源:H5之家 2018-01-28 15:00 我要评论( )

.default_mask { width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat center; background-color: #FFFFFF; position: absolute; z-index: 999; top:0; left:0; filter:alpha(opacity=70

.default_mask {
width: 100%;
height: 100%;
background: url(../images/loading.gif) no-repeat center;
background-color: #FFFFFF;
position: absolute;
z-index: 999;
top:0;
left:0;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:.70;
}

.default_separator {
width:2px;
height:20px;
background: url(../images/separator.gif) no-repeat center;
}

----------------------

delete.jsp:

<%@ page language="java" pageEncoding="utf-8"%>

<script type="text/javascript">

var bdiv;
var centerdiv;
var flag = false;
function play(){

centerdivwidth = $("#showmsg").width();
if(flag){
centerdivwidth += 100;
}
flag = true;
centerdivheight = $("#showmsg").height();
centerdivleft = ($("body").width()-centerdivwidth)/2 + "px";
centerdivtop= (window.screen.height-centerdivheight)/2-215 + "px";
bdiv = $("<div>").css({
"opacity":"0.8",
"width":"100%",
"height":"100%",
"background":"white",
"position":"absolute",
"top":"0px",
"left":"0px",
"z-index":"10",
"display":"none"
}).appendTo($("body"));

centerdiv = $("<div>").css({
"opacity":"0.9",
"width":"220px",
"height":"19px",
"position":"absolute",
"top":centerdivtop,
"left":centerdivleft,
"z-index":"11",
"display":"none"
}).appendTo($("body"));

$("#showmsg").appendTo($(centerdiv));
initPlay();

}
function initPlay(){
$(showmsg).show();
divin();
setTimeout(divout,1000);
}

function divin(){

$(bdiv).fadeIn("1000");
$(centerdiv).fadeIn("1000");
}

function divout(){
$(bdiv).fadeOut("1000");
$(centerdiv).fadeOut("1000");
}

</script>

<div>删除成功!!!</div>

8.界面效果图:(内附相片中)界面上的图片自己可选择.

@yeah/editPhoto.do?albumId=-1&photoId=fks_087070080083081068082094086075072081086075084086094068080#

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax+Js+Dom+Json无刷新分页技术

    Ajax+Js+Dom+Json无刷新分页技术

    2018-01-28 15:01

  •  JSON学习札记

    JSON学习札记

    2018-01-27 18:44

  • json_decode 返回 null 解析失败原因

    json_decode 返回 null 解析失败原因

    2018-01-27 11:29

  • Json实现页面多个对象的保存 java /.net

    Json实现页面多个对象的保存 java /.net

    2018-01-26 13:00

网友点评