手机浏览器移动圆圈广告

原理写一个让dom匀速移动的方法然后用定时器每隔一定时间调用这个方法然后鼠标放上去停止定时器移除时继续定时器下面直接上代码

我是浮动广告{data(){{,,,,,,Woffset:0,yon:0,xon:0,pause:true,};},mounted(){intervalsetInterval(this.changePos,10)},methods:{changePos(){letwidthdocument.documentElement.clientWidth;letheightdocument.documentElement.clientHeight;this.Hoffsetthis.$refs.thediv.offsetHeight;this.Woffsetthis.$refs.thediv.offsetWidth;this.$refs.thediv.style.left(this.xPosdocument.body.scrollLeftdocument.documentElement.scrollLeft)pxthis.$refs.thediv.style.top(this.yPosdocument.body.scrollTopdocument.documentElement.scrollTop)pxif(this.yon){this.yPosthis.yPosthis.step;}else{this.yPosthis.yPos-this.step;}if(this.yPos0){this.yonthis.yPos}if(this.yPos(height-this.Hoffset)){this.yonthis.yPos(height-this.Hoffset);}if(this.xon){this.xPosthis.xPosthis.step;}else{this.xPosthis.xPos-this.step;}if(this.xPos0){this.xon1;this.xPos0;}if(this.xPos(width-this.Woffset)){this.xon0;this.xPos(width-this.Woffset);}},clearFdAd(){clearInterva手机浏览器移动圆圈广告l(interval)},starFdAd(){intervalsetInterval(this.changePos,10)},}};/script#thediv{z-index:100;position:absolute;top:43px;left:2px;height:100px;width:100px;background-color:red;}

标签：手机浏览器移动圆圈广告