冲刺2

css  绝对定位

body{
        position: relative;
    }
div{
        position: absolute;
        left: 25%;
        right: 25%;
        top: 25%;

    }

css  相对定位

div{
        position:relative;
        left: 25%;
        right: 25%;
        top: 25%;

    }

css   部分高亮(onmouseover   onmouseout)

 

1

2

3

<table>
    <tr style="background-color: #d4e3e5;" onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#ffffff';">
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>    

 

css  input样式

 

<style type="text/css">
    input{
        outline-style: none ;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 13px 14px;
        width: 620px;
        font-size: 14px;
        font-weight: 700;
        font-family: "Microsoft soft";
    }
    input:focus{
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }
</style>

 

ajax  传值

$.ajax({
            type: 'POST',
            url: "ShowServlet",
            data: '1',
            dataType: "json",
            success: function (params) {
                ......
            },
            error:function () {
                ......
            }

        });