web可拖動控件js

先下載：http://code.jquery.com/ui/1.10.3/jquery-ui.js

$('.i-i-yuan').draggable({
                containment: '#app'//可通過設置拖動范圍的div的id來限制拖動空間的移動范圍
            });

 

.i-i-yuan{
    position: fixed;
    cursor: pointer;
    right: 50px;
    bottom: 50px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #B60000;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    background: -webkit-linear-gradient(#ffc000, #c59e29); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffc000, #c59e29); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffc000, #c59e29); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffc000, #c59e29); /* 標准的語法 */
}