JQuery CSS提示框實現想法及程式碼(純手工打造)_jquery

複製程式碼程式碼如下：

*{
邊距:0;
填充：0;
}
身體{
位置：相對；
寬度：100%；
高度：100%;
}
.aaa{
背景顏色:#fff;
邊框：10px 純灰色;
邊框半徑：4px 4px 4px 4px 顯示； ：無；
寬度：300px;
位置：絕對；
頂部：30%;
左：30%;
z-index:11;
}
. show{
顯示：無；
寬度：100%;
高度：100%;
位置：絕對；
z-index:10;
左：0；
上：0；
背景：#000000;
不透明度：0.3;
濾鏡：alpha（不透明度=30）；
}
a{
文字裝飾：無
}
.w_close:hover{
顏色：#666666;
字型大小：12px;
}
.w_close:link {
顏色:666666; 🎜>字體大小：12px；
}
.w_close:active{
顏色:#666666;
字體大小：12px;
}
.w_close: 字型大小：12px;
}
.w_close:造訪過{ 顏色:#666666;
字體大小：12px;
}
樣式>
頭>

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

劉成亮劉成亮劉成亮劉成亮劉亮劉亮成亮劉亮劉亮成亮

:劉成亮劉成亮劉成亮劉成亮劉亮亮成亮劉亮劉亮劉亮成亮成亮劉亮成亮劉亮成亮劉亮成亮成亮成亮成亮成亮成亮成亮。劉亮成亮亮成亮亮成亮亮成亮成亮。 /p>

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

劉成亮劉成亮劉成亮劉成亮劉成亮劉亮劉亮成亮劉亮成亮"p

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮劉成亮

^d="show提示

;

關閉

;

使用者名稱：第>;



密碼：





表>

身體>

$("#showError").live('click',function(){
$(".show"). show();
$(".aaa").show() ;
//$("body").addClass("fli")
$("#test").live( 'click',function(){
警報(11111);
})
$("#close").live('click',function(){
$(".show ").hide();
$( ".aaa").hide()
})
;