css 评论框jquery,JQuery+CSS提示框实现思路及代码(纯手工打造)

背景透明

*{

margin:0;

padding:0;

}

body{

position:relative;

width:100%;

height:100%;

}

.aaa{

background-color:#fff;

border:10px solid gray;

border-radius:4px 4px 4px 4px;

display:none;

width:300px;

position:absolute;

top:30%;

left:30%;

z-index:11;

}

.show{

display:none;

width:100%;

height:100%;

position:absolute;

z-index:10;

left:0;

top:0;

background:#000000;

opacity:0.3;

filter:alpha(opacity=30);

}

a{

TEXT-DECORATION:none

}

.w_close:hover{

color:#666666;

font-size:12px;

}

.w_close:link {

color:#666666;

font-size:12px;

}

.w_close:active{

color:#666666;

font-size:12px;

}

.w_close:visited {

color:#666666;

font-size:12px;

}

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮刘成亮

显示提示

关闭

用户名：
密码：

$("#showError").live('click',function(){

$(".show").show();

$(".aaa").show();

//$("body").addClass("fli");

})

$("#test").live('click',function(){

alert(11111);

})

$("#close").live('click',function(){

$(".show").hide();

$(".aaa").hide();

})