滑块拖动验证

一、HTML

<div id="verify">

    <div id="drag"></div>

    <div id="dot"></div>

    <p id="success">Success!</p>

</div>

二、CSS

body {

    background:#006b9d;

}

#verify{

    width:508px;

    height:523px;

    background:url(bg.png);

    margin:50px auto;

    position:relative;

}

#drag{

    width:171px;

    height:140px;

    background:url(drag.png);

    position:absolute;

    top:185px;

    left:0px;

}

#dot{

    widt