Css样式:
html,body {
margin: 0px;padding:0; background:#06C;
}
#div1 {
display: none;
position: absolute;
z-index: 1000;
height: 100%;
width: 100%;
background: #ccc;
filter:Alpha(opacity=30);/*兼容IE8和之前的浏览器*/ opacity:.30;/*兼容IE9 and other 浏览器*/
}
#login {
display:none;
z-index: 1001;
height: 313px;
width: 505px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -180px;
margin-left: -250px;
background-image: url(../images/login_bg.gif);
background-repeat: no-repeat;
}
蓝色为重要的
Javascript:
function openme(){
document.getElementById('div1').style.display='block'; document.getElementById('login').style.display='block';
}
function closeme(){
document.getElementById('div1').style.display='none'; document.getElementById('login').style.display='none';
}
Html:
用户名:
密 码:
主要思路:二个div(div1,login),一开始二个div的display:none;,div1的背景设为#ccc, 透明度:filter:Alpha(opacity=30);/*兼容IE8和之前的浏览器*/
opacity:.30;/*兼容IE9 and other 浏览器*/。
Css属性:z-index设为1000。(这值随便大小,但login的z-index要比这个大,才能在他上面显示出来)。
登陆按钮点击时js调用"openme()",把二个div的display:'block';
用JSP编写的一个简易计算器实现代码如下: <%@ page contentType="text/html;charset=gb2312"%>
//接收运算符号 String oper=request.getParameter("op"); Double dnum1=0.0; Double dnum2=0.0; Double result=0.0; //java中String -> int if(num1!=null&&num2!=null&&oper!=null) { dnum1=Double.parseDouble(num1); dnum2=Double.parseDouble(num2); //计算 if(oper.equals("+")) { //加 result=dnum1+dnum2; } else if(oper.equals("-")) { //减 result=dnum1-dnum2; } else if(oper.equals("×")) { //乘 result=dnum1*dnum2; } else { //除 result=dnum1/dnum2; } } %>