1. <i id="s6b2k"><small id="s6b2k"></small></i>
    <b id="s6b2k"><bdo id="s6b2k"></bdo></b>
  2. <wbr id="s6b2k"></wbr>

    JavaScript實現鼠標經過表格行給出顏色標識_javascript技巧

    來源:腳本之家  責任編輯:小易  

    本文實例為大家分享了JavaScript實現鼠標經過表格行給出顏色標識,供大家參考,具體內容如下

    代碼:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
            
            table {
                margin: 100px auto;
                width: 800px;
                border-spacing: 0;
                text-align: center;
            }
            
            table tr:nth-child(1) {
                background-color: rgb(135, 206, 235);
            }
            
            table tr:nth-child(n+2) {
                border-bottom: 1px solid black;
            }
            
            th {
                font-size: 14px;
                padding-top: 5px;
                padding-bottom: 5px;
            }
            
            td {
                font-size: 12px;
                padding-top: 8px;
                padding-bottom: 8px;
                color: blue;
                border-bottom: 1px solid lightgray;
            }
        </style>
    </head>
    
    <body>
        <table>
            <tr>
                <th>代碼</th>
                <th>名稱</th>
                <th>最新公布凈值</th>
                <th>累計凈值</th>
                <th>前單位凈值</th>
                <th>凈值增長率</th>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
            <tr>
                <td>003526</td>
                <td>農銀金穗3個月定期開放債券</td>
                <td>1.075</td>
                <td>1.079</td>
                <td>1.074</td>
                <td>+0.047%</td>
            </tr>
    
    
        </table>
    
        <script>
            var rows = document.querySelectorAll(' table tr:nth-child(n+2)');
            for (var i = 0; i < rows.length; i++) {
                rows[i].onmouseover = function() {
                    this.style.backgroundColor = "lightblue";
                }
                rows[i].onmouseout = function() {
                    this.style.backgroundColor = "";
                }
            }
        </script>
    </body>
    
    </html>


  3. 本文相關:
  4. ajax 網頁保留瀏覽器前進后退等功能
  5. 小程序組件之自定義頂部導航實例
  6. javascript加強之自定義event事件
  7. javascript碰撞檢測原理及其實現代碼
  8. requirejs多頁面應用實例分析
  9. 淺析使用bootstrap treeview插件實現靈活配置快遞模板
  10. 使用javascript的activexobject對象檢測應用程序是否安裝的方法
  11. 動態為事件添加js代碼示例
  12. 談談我對javascript中typeof和instanceof的深入理解
  13. js+html5操作sqlite數據庫的方法
  14. JavaScript里面怎么實現表格行鼠標進入其范圍改變...
  15. 使用javascript編寫程序,實現鼠標指向頁面表格某...
  16. 用js制作一個表格,當鼠標移到某一行,該行變成綠...
  17. 實現鼠標經過時整行變色?
  18. 用CSS怎樣實現鼠標移上去表格內的背景顏色變色 求...
  19. js,當鼠標移動到表格一行上時,該行背景顏色改變...
  20. JavaScript實現,鼠標放到連接上,連接顏色變化
  21. javascript鼠標的移入移出input變顏色效果
  22. javascript 怎么實現,鼠標經過文字,讓文字字體變...
  23. 求代碼, HTML中如何用JS控制鼠標移入事件或點擊事...
  24. 網站首頁網頁制作腳本下載服務器操作系統網站運營平面設計媒體動畫電腦基礎硬件教程網絡安全基礎知識javascript類庫表單特效廣告代碼網頁特效黑客性質javascript技巧domnode.jsjs其它首頁javascriptjs實現鼠標經過表格行變色的方法javascript實現的鼠標經過時播放聲音ajax 網頁保留瀏覽器前進后退等功能小程序組件之自定義頂部導航實例javascript加強之自定義event事件javascript碰撞檢測原理及其實現代碼requirejs多頁面應用實例分析淺析使用bootstrap treeview插件實現靈活配置快遞模板使用javascript的activexobject對象檢測應用程序是否安裝的方法動態為事件添加js代碼示例談談我對javascript中typeof和instanceof的深入理解js+html5操作sqlite數據庫的方法js刷新頁面方法大全js刪除數組里的某個元素方法js中settimeout()的用法詳解js截取字符串常用方法詳細整理js頁面跳轉常用的幾種方式js打開新窗口的2種方式js數組與字符串的相互轉換方法js設置cookie、讀取cookie、刪除js 將json字符串轉換為json對象的js保留兩位小數方法總結javascript實現彈出子窗口并傳值給父窗口通過封裝scroll.js 獲取滾動條的值js實現根據當前文字選擇返回被選中的文字利用js實現選項卡的特別效果的實例js+css實現li列表隔行換色效果的方法bootstrap圖片輪播效果詳解js函數模擬顯示桌面.scf程序示例關于js lodop打印插件打印bootstrap樣式錯javascript中創建類/對象的幾種方法總結bootstrap table使用整理(四)之工具欄
    免責聲明 - 關于我們 - 聯系我們 - 廣告聯系 - 友情鏈接 - 幫助中心 - 頻道導航
    Copyright © 2017 www.yu113.com All Rights Reserved
    战天txt全集下载