js实现仿Discuz文本框弹出层效果

本文实例讲述了js实现仿Discuz文本框弹出层效果。分享给大家供大家参考。具体如下：

这是一个在经典论坛曾经热讨论的问题，记得在QQ邮箱里也有类似功能，Discuz7.0论坛里同样也有，当你的鼠标单击文本框的时候，会弹出一个包含文字、图片、表单无素的DIV层，里面的元素都可以进行操作，很方便，选中的值会自动添加到文本框内。本代码经过了多次修正，没有进行过多美化，你美工好的话可以自己美化。

运行效果截图如下：

具体代码如下：

.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color:#FFFFFF;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;border: 16px solid orange; margin:-32px; background-color: white;z-index:1002;overflow: auto;}






  

  

   该部门员工
   
   员工1
   员工2
   员工3
   
  
  

  

  

  

  

  
  

  未划分部门员工
   
   员工4
   员工5
   
  
  

确定

希望本文所述对大家的javascript程序设计有所帮助。