求一个CSS效果

Question

有一个列表，点击里面的行可以链接到另一个页面
我想点击时让这行闪烁一下，如闪个0.5秒，再进入所链接的页面，怎么实现？

Answer 1

不是样式的问题吧。
    <script src="scripts_test/jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#gridview tr").each(function () {
                $(this).click(function () {
                    var obj = $(this);
                    setInterval(function () {
                        obj.fadeToggle(50);
                    }, 50);
                    setTimeout(function () { location.href = "http://www.baidu.com"; }, 500);
                })
            })
        })<table cellpadding="5" cellspacing="1" id="gridview">
            <tr>
                <td>服务/销售单号 </td>
                <td>产品编号</td>
                <td>名称</td>
                <td>品牌</td>
                <td>单位</td>
                <td>数量</td>
                <td>用户单位</td>
                <td>序列号</td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
            </tr>
        </table>

Answer 2

    <script src="scripts_test/jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#gridview tr").each(function () {
                $(this).click(function () {
                    var obj = $(this);
                    setInterval(function () {
                        obj.fadeToggle(50);
                    }, 50);
                    setTimeout(function () { location.href = "http://www.baidu.com"; }, 500);
                })
            })
        })
    </script>        <table cellpadding="5" cellspacing="1" id="gridview">
            <tr>
                <td>服务/销售单号 </td>
                <td>产品编号</td>
                <td>名称</td>
                <td>品牌</td>
                <td>单位</td>
                <td>数量</td>
                <td>用户单位</td>
                <td>序列号</td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>...</td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
                <td>
                    <input type="text" name="name" value="" />
                </td>
            </tr>
        </table>