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参数指定是否允许拖动元素。

最后，我们就可以看到元素在页面中自由运动的效果啦。