本文實例講述了JavaScript實現(xiàn)的彈出遮罩層特效。分享給大家供大家參考，具體如下：

成都創(chuàng)新互聯(lián)公司是一家專注于成都網站設計、做網站與策劃設計,銀川網站建設哪家好?成都創(chuàng)新互聯(lián)公司做網站,專注于網站建設十余年,網設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:銀川等地區(qū)。銀川做網站價格咨詢:18982081108

這篇給大家分享一個簡單的遮罩層特效，先上效果圖。

代碼：

  
  
  
  


  

    

      
姓名
      
年齡
      
工作
      
工資
      
操作
    
    

      
張三
      
22
      
項目經理
      
12000
      

        查看
        修改
        刪除
      
    
    

      
李四
      
24
      
前端工程師
      
10000
      

        查看
        修改
        刪除
      
    
    

      
王五
      
21
      
java工程師
      
12000
      

        查看
        修改
        刪除
      
    
  
  

    
姓名：
    
年齡：
    
工作：
    
工資：
    關閉
  

頁面中有一個表格，一個隱藏的彈出層，當點擊查看按鈕，首先創(chuàng)建一個遮罩層，然后獲取這一行中的數(shù)據，并把數(shù)據顯示到彈出層中，最后把彈出層隱藏，點擊關閉按鈕關閉彈出層并關閉遮罩層。點擊刪除按鈕把這個tr刪除即可。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于jQuery相關內容可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》

希望本文所述對大家jQuery程序設計有所幫助。