JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】

本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：

成都创新互联公司是一家专注于成都网站设计、做网站与策划设计,银川网站建设哪家好?成都创新互联公司做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:银川等地区。银川做网站价格咨询:18982081108

这篇给大家分享一个简单的遮罩层特效，先上效果图。

代码：

  
  
  
  


  

    

      
姓名
      
年龄
      
工作
      
工资
      
操作
    
    

      
张三
      
22
      
项目经理
      
12000
      

        查看
        修改
        删除
      
    
    

      
李四
      
24
      
前端工程师
      
10000
      

        查看
        修改
        删除
      
    
    

      
王五
      
21
      
java工程师
      
12000
      

        查看
        修改
        删除
      
    
  
  

    
姓名：
    
年龄：
    
工作：
    
工资：
    关闭
  

页面中有一个表格，一个隐藏的弹出层，当点击查看按钮，首先创建一个遮罩层，然后获取这一行中的数据，并把数据显示到弹出层中，最后把弹出层隐藏，点击关闭按钮关闭弹出层并关闭遮罩层。点击删除按钮把这个tr删除即可。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于jQuery相关内容可查看本站专题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

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