实现效果:
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").