浮动广告(页面中一张广告图片不断的变化位置)
<style>
#dt{
width: 150px;
height: 150px;
background-color: red;
position: absolute;
}
</style>
</head>
<body>
<!-- 3、浮动广告(页面中一张广告图片不断的变化位置) -->
<div id="dt">
<img src="./image/1.jpg" alt="" height="150" width="150">
</div>
<script>
function updatePosition(){
//获取随机数
let my_top = Math.random()*400
let my_left = Math.random()*1000
//获取div的位置
let div = document.querySelector('#dt')
div.style.top = my_top+'px'
div.style.left = my_left+'px'
}
setInterval(updatePosition,1000)
</script>