jGravity是一款jQuery重力效果插件，它可以通過模擬物理運動的方式，使元素在網頁中自由運動，并在多種條件下產生與之對應的效果。下面我們就來看看它的具體使用方法。

首先，我們需要引入相關的JS和CSS文件，代碼如下：

<link rel="stylesheet" href="jquery.jGravity.css">
<script src="jquery-3.3.1.min.js"></script>
<script src="jquery.jGravity.min.js"></script>

接著，在頁面中添加需要運動的元素，并通過CSS樣式進行定位和設置，如下所示：

<div class="box">動起來</div>
.box{
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 100px;
font-size: 24px;
}

然后，在文檔就緒后調用jGravity插件，并設置相關參數，如下所示：

$(document).ready(function(){
$('.box').jGravity({
target: 'body',
weight: 5,
depth: 10,
drag: true
});
});

上面的代碼中，target參數指定重力作用的范圍，這里設置為整個body；weight參數指定元素運動時受到的重力大小，默認值為50，這里設置為5；depth參數指定元素在運動過程中會被拉到哪個深度值，默認為1；drag參數指定是否允許拖動元素。

最后，我們就可以看到元素在頁面中自由運動的效果啦。