purebox

1. 弹出层静态HTML结构

✕标题
好雨知时节， 当春乃发生。
随风潜入夜， 润物细无声。
取消我可以换肤
✕标题
好雨知时节， 当春乃发生。
随风潜入夜， 润物细无声。
取消确定 
  1. <div class="pb">
  2. 	<div class="pb-hd">
  3. 		<a class="pb-x">✕</a><span>标题</span>
  4. 	</div>
  5. 	<div class="pb-bd">
  6. 		<div class="pb-ct">
  7. 			<div>好雨知时节， 当春乃发生。</div>
  8. 		</div>
  9. 		<div class="pb-ft">
  10. 			<a class="pb-btn pb-cl">取消</a><a class="pb-btn pb-ok">确定</a>
  11. 		</div>
  12. 	</div>
  13. </div>

2. 自定义样式

类名 描述
.pb{} 弹出层DIV外框架，可以定义边框、背景、字体等，配合CSS3可以设置圆角边框、阴影等
.pb .pb-hd {} 标题栏样式
.pb .pb-x {} 关闭按钮样式，本例中没有使用任何图片，如果你想改变关闭按钮风格，可以自定义。
.pb .pb-x:hover {} 关闭按钮样式鼠标经过样式。
.pb .pb-bd {} 内容区+按钮栏样式，基本保持不变即可。
.pb .pb-ct {} 内容区样式。
.pb .pb-ft {} 按钮栏样式。
.pb a.pb-btn {} 按钮样式。
.pb a.pb-ok {} 确定按钮样式。
.pb a.pb-ok:hover {} 确定按钮鼠标经过样式。
.pb a.pb-cl {} 取消按钮样式。
.pb a.pb-cl:hover {} 取消按钮鼠标经过样式。