前端简易小demo-页面logo漂浮

实现效果：
logo在浏览器页面漂浮，鼠标覆盖暂停，鼠标移走继续漂浮

效果图：

css代码如下：

#box{
   
			position: absolute;
		    top: 10px;
		    left: 10px;
		    width: 100px;
		    height: 80px;
		    background: url("./images/baike.jfif"),no-repeat;
		    border: 1px solid red;
		    background-size: 100px;
		}

html的body代码如下：

<div id="box"></div>

jquery代码如下：
（其实js的也差不多异曲同工之妙 主要是理解内部逻辑即可）

function run(){
   
		var x = $("#box").offset(