弹动广告js

最新推荐文章于 2024-07-30 10:56:44 发布

wanan1215

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量312

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/wanan1215/article/details/123783527

版权

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

div{

position:fixed;

top:0px;

left:0px;

z-index: 9999;

}

</style>

</head>

<body>

<div >

</div>

</body>

var pageHeight = document.documentElement.clientHeight;

var pagewidth = document.documentElement.clientWidth;

// console.log(pageHeight)

var heigth = 150;

var width = 200;

var x=0;

var y=0;

var i=1

var j=1

var zoux = pagewidth-width;

var zouy = pageHeight-heigth;

var img1 = document.querySelector('div')

console.log(img1)

window.setInterval(function(){

if(x>zoux||x<0)i=-i

if(y>zouy||y<0)j=-j

x+=i;

y+=j;

img1.style.left=x+'px'

img1.style.top=y+'px'

// // j-=

// if(heigth+i<pageHeight && width+i<pagewidth){

// i++

// img1.style="top: "+i+"px; left: "+i+"px;"

// console.log(i)

// }else{

// var g =

// g++

// img1.style="top: "+g+"px; left: "+g+"px;"

// }

},10)

</script>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wanan1215

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
弹动广告js

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...
复制链接

扫一扫