设为首页收藏本站
乐享社区»社区板块 › 建站资源 › 网页代码 › 查看内容

html炫酷彩虹鼠标拖尾

小乐
  • 打卡等级：偶尔看看
  • 打卡总天数：8
  • 打卡月天数：0
  • 打卡总奖励：18
  • 最近打卡：2024-10-16 19:11:21

39

主题

6

回帖

163

积分

官方

积分
163
显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <style>
  9.         div {
  10.             width: 200px;
  11.             height: 200px;
  12.             position: absolute;
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17.     <script>
  18.         document.documentElement.onmousemove = function (eve) {
  19.             var ev = window.eve || eve
  20.             var div = document.createElement("div")
  21.             console.log(div)
  22.             div.style.left = ev.clientX + "Px"
  23.             div.style.top = ev.clientY + "Px"
  24.             var r = Math.floor(Math.random() * (255 - 0 + 1) + 0)
  25.             var g = Math.floor(Math.random() * (255 - 0 + 1) + 0)
  26.             var b = Math.floor(Math.random() * (255 - 0 + 1) + 0)
  27.             div.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")"
  28.             document.body.appendChild(div)
  29.         }
  30.     </script>
  31. </body>
复制代码

上一篇: 非常好看的HTML提示框代码,弹窗公告代码

下一篇: 好看的网站附件下载代码

发表于 2024-10-10 20:45:45

举报 回复 使用道具

返回列表 发新帖

手机版小黑屋

Copyright © 乐享社区.