快捷搜索:

福寿年高表格隔行换色,Photoshop塑造坐在云端上

作者: w88官方网站手机版  发布:2019-05-25
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>使用JQ完成表格隔行换色</title>
        <script src="js/jquery.min.js"></script>
        <script>
            $(function() {
                $("tbody tr:odd").css("background-color","aquamarine");
                $("tbody tr:even").css("background-color","bisque");
                var tb = $("tbody tr");
                var oldColor;
                for(var i=0;i<tb.length;i  ) {
                    //alert(oldColor);
                    $("tbody tr")[i].onmouseover = function() {
                        oldColor = this.style.backgroundColor;
                        this.style.backgroundColor = "yellow";
                    }
                    $("tbody tr")[i].onmouseout = function() {
                        this.style.backgroundColor = oldColor;
                    }
                }
            });
        </script>
    </head>
    <body>
        <table id="tbl" border="1" border-collapse="collapse" align="center" cellspacing="0" cellpadding="5" width="400" height="20">
            <thead>
                <tr>
                    <th>编号</th><th>姓名</th><th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td><td>张三</td><td>12</td>
                </tr>
                <tr>
                    <td>2</td><td>李四</td><td>22</td>
                </tr>
                <tr>
                    <td>3</td><td>王五</td><td>13</td>
                </tr>
                <tr>
                    <td>4</td><td>马六</td><td>14</td>
                </tr>
                <tr>
                    <td>5</td><td>伍六七</td><td>17</td>
                </tr>
                <tr>
                    <td>6</td><td>梅花十三</td><td>17</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

最终效果:

图片 1600){this.height=this.height*600/this.width; this.width=600;}" border=0>

疑问:为什么this.style.backgroundColor = oldColor中的this不能用$("tbody tr")[i]代替??

图片 2600){this.height=this.height*600/this.width; this.width=600;}" border=0>制作步骤: 图片 3600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 4600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 5600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 6600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 7600){this.height=this.height*600/this.width; this.width=600;}" border=0>

原图 图片 8600){this.height=this.height*600/this.width; this.width=600;}" border=0>最终效果图 图片 9600){this.height=this.height*600/this.width; this.width=600;}" border=0>图片 10600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 11600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 12600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 13600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 14600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 15600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 16600){this.height=this.height*600/this.width; this.width=600;}" border=0>

Photoshop打造坐在云端上的美女 (载入中...)

图片 17600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 18600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 19600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 20600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 21600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 22600){this.height=this.height*600/this.width; this.width=600;}" border=0>

photoshop让画面更加悲凉:雪地里的老人 (载入中...)

图片 23600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 24600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 25600){this.height=this.height*600/this.width; this.width=600;}" border=0>

教程 图片 26600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 27600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 28600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 29600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 30600){this.height=this.height*600/this.width; this.width=600;}" border=0>

天空美女,用Photoshop合成图片效果,适合对Photoshop有一定基础的的人学习。 尊重原创,转载时不要在图片上打上任何标志。 素材: 图片 31600){this.height=this.height*600/this.width; this.width=600;}" border=0>图片 32600){this.height=this.height*600/this.width; this.width=600;}" border=0>图片 33600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 34600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 35600){this.height=this.height*600/this.width; this.width=600;}" border=0>

图片 36600){this.height=this.height*600/this.width; this.width=600;}" border=0>

本文由www.w88985.com发布于w88官方网站手机版,转载请注明出处:福寿年高表格隔行换色,Photoshop塑造坐在云端上

关键词: www.w88985.c