首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQUERY弹出形式DIV

2013-04-12 
JQUERY弹出模式DIV弹出DIV是采用JQUERYCSS联合控制的,JQUERY弹出窗口,CSS控制层的显示和效果页面代码:@CHA

JQUERY弹出模式DIV

弹出DIV是采用JQUERY+CSS联合控制的,JQUERY弹出窗口,CSS控制层的显示和效果

页面代码:

@CHARSET "UTF-8";.pop-box-body {clear: both;margin: 4px;padding: 2px;}.pop-boxh4{  color:#FFF;  cursor:default;  height:18px;  font-size:14px;  font-weight:bold;  text-align:left;  padding-left:8px;  padding-top:4px;  padding-bottom:2px;  background:blue;}.pop-box {/*弹出窗口后,弹出的DIV采用此CSS,保证置于最上层  z-index控制Z轴的坐标,数值越大,离用户越近*/z-index: 9999999; /*这个数值要足够大,才能够显示在最上层*/margin-bottom: 3px;display: none;position: absolute;background: gray;border: solid1px #6e8bde;}#bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;/*弹出窗口后,添加遮罩层,采用此CSS,将该层置于弹出DIV和页面层之间  z-index控制Z轴的坐标,数值越大,离用户越近*/z-index: 5;  background: white;}


工程代码:http://download.csdn.net/detail/shanhuhau/5245136


热点排行