跟随鼠标的几个星星，不是很夸张，还可以用用

最新推荐文章于 2021-08-11 13:11:42 发布
VIP文章 最新推荐文章于 2021-08-11 13:11:42 发布 1039 收藏
分类专栏： html 文章标签： div class function javascript scroll 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/denal/article/details/6016
版权

脚本说明:
第一步：把如下代码加入<body>区域中
<STYLE TYPE="text/css">
<!--

BODY{
overflow:scroll;
overflow-x:hidden;
}

.s1
{
  position  : absolute;
  font-size : 12pt;
  color     : blue;
  visibility: hidden;
}

.s2
{
  position  : absolute;
  font-size : 20pt;
  color     : red;
 visibility : hidden;
}

.s3
{
  position  : absolute;
  font-size : 16pt;
  color     : gold;
 visibility : hidden;
}

.s4
{
  position  : absolute;
  font-size : 14pt;
  color     : lime;
 visibility : hidden;
}
-->
</STYLE>


第二步：把如下代码加入<body>区域中
<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div

最低0.47元/天 解锁文章
阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作
denal
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
鼠标跟随星星特效
08-01
鼠标跟随星星特效，超炫酷。下载双击打开即可浏览效果，js文件也已经在里面
基于Python的鼠标追踪器
weixin_73108148的博客
12-20 257
在需要获取屏幕坐标的时候，这段代码会很有用。
QT鼠标跟踪器
m0_46645941的博客
08-11 814
在学习QT事件时接触到鼠标移动事件，联想到一些录屏软件中的鼠标跟踪效果，就写了一个简单的鼠标跟踪器。 1. 鼠标移动事件 首先就是解释一下所谓的事件，即QT已经预先定义好的某些信号的处理动作函数。若QT工程中要使用这些事件函数，需要重写事件函数。事件函数无需用户主动调用，也无需用户将其和某个信号关联，这些事件函数就是对应信号的槽函数，当信号发出，事件函数会被系统自动调用。 QT中封装了鼠标移动事件mouseMoveEvent(QMouseEvent *)，调用其中的方法即可获取当前鼠标的坐标 2. 绘图事
JS特效-飞舞的彩蝶
weixin_30725315的博客
08-19 166
一款JS特效-飞舞的彩蝶，哇，是不是好有感觉！还会跟随鼠标移动，鼠标移在哪里，就跟向哪里，纯粹JS实现的效果，没有用到任何的修饰图片，推荐给喜欢网页特效的朋友们。 <html> <head> <title>石家庄油漆</title> </head> <body><script language="J...
显示器物理尺寸_鼠标跟踪器
10-23
在注册表中查显示器的EDID项值可以获取物理尺寸，但是不精确，大概在±0.5cm左右； 其中还有很多关于显示器的信息，如型号； 获取系统分辨率，计算出系统桌面像素和实际物理单位的换算关系，然后根据鼠标移动的像素数计算出其移动的物理距离； 后台记录用到了全局钩子WH_MOUSE_LL，捕捉左单击和右单击的次数，还有移动的像素数。
html5 svg彩色星星跟随鼠标光标移动动画特效
06-11
html5 svg彩色星星跟随鼠标光标移动动画特效，一串各种颜色的五角星跟随鼠标移动，鼠标静止的时候五角星重叠在一起。
js鼠标跟随特效鼠标滑过出现小星星动画
04-21
js鼠标跟随特效鼠标滑过出现小星星动画
HTML5鼠标跟随星星光标特效特效代码
03-20
HTML5鼠标跟随星星光标特效是一款基于HTML5 Canvas绘制的鼠标跟随星星飞来飞去光标动画效果。
HTML跟随鼠标特效.rar
06-29
这是一个前端特效，效果我已经在博客中有所展示，即HTML跟随鼠标特效，模拟跟随鼠标的路径，欢迎各位朋友下载！
VR 科普-位置跟踪器，鼠标定位原理
zebin的博客
03-14 3879
位置跟踪器 编辑 三维空间跟踪定位器是作用于空间跟踪与定位的装置，一般与其他VR设备结合使用，如：数据头盔、立体眼镜、数据手套等，使参与者在空间上能够自由移动、旋转，不局限于固定的空间位置。操作更加灵活、自如、随意。产品有六个自由度和三个自由度之分。 中文名 位置跟踪器 外文名 Location tracker 属 性 跟踪器 特 点 一般与其他VR设备结合使用 位置跟踪器 当接收传感...
鼠标移动 登陆框跟随
weixin_39037804的博客
08-17 133
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditP...
QT中的鼠标追踪器
weixin_51516603的博客
08-03 749
用qt设计简易的鼠标追踪器。 一.界面展示 随着鼠标的移动，label框里的坐标值随之发生变化。 二.程序所需要的类 三.源码 1.在窗体类中声明鼠标移动事件方法和绘画事件方法，并定义两个坐标原点 2.在构造函数中设置窗体颜色，并令鼠标跟踪属性生效 3.重写鼠标移动事件方法（解析见代码） 4.重写绘画事件方法 总结步骤： 1.生成一个空白窗体widget，并在窗体上添加两个label子控件 2.设置背景颜色，打开鼠标...
在地址栏中显示自已的图标
denal的专栏
02-17 1714
  可以在收藏夹中显示出你的图标图标必须是16*16的第一步，准备一个图标制作软件。 首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ，这里提供一个免费的在线“收藏夹”图标生成器，如果您
Javascript的荧光字效果
denal的专栏
02-25 1645
荧 光 效 果 例 子var from = 1;var to = 4;var delay = 55; //闪的速度var glowColor = "lime";//颜色var i = to;var j = 0;textPulseDown();function textPulseUp(){if (!document.all)returnif (i {theText.style.filter
mouseover时显示滚动字幕
denal的专栏
02-25 1549
if (!document.layers&&!document.all)event="test"function showtip2(current,e,text){if (document.all&&document.readyState=="complete"){document.all.tooltip2.innerHTML=+text+document.all.tooltip2.s
点击后保存web page 和 点击后打印、属性、源吗
denal的专栏
02-25 1292
if (window.print) {document.write(不在忘记+ + onClick="javascript:window.print()">本页!);}// End -->  
跟随鼠标的字
denal的专栏
03-10 1212
脚本说明:第一步:把如下代码加入区域中.spanstyle { COLOR: #ffd8ff; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible}var x,yvar step=18var flag=0// Your snappy m
任意位置显示html菜单
denal的专栏
03-10 1210
脚本说明:把如下代码加入区域中document.onclick = popUp   function popUp() {newX = window.event.x + document.body.scrollLeftnewY = window.event.y + document.body.scrollTopmenu = document.all.itemopen
颜色英文代码全集
denal的专栏
03-09 1137
redgreenbluemagentayellowchocolateblackaquamarinelimefuchsiabrassazurebrownbronzedeeppinkalicebluegraycoppercoral
用python语言绘制一个三角形，并让三角形跟随鼠标移动
最新发布
09-23
### 回答1： 可以使用 Python 的图形库来绘制三角形并让其跟随鼠标移动。 以下是一个简单的例子，使用 Python 的 turtle 库来绘制三角形并跟随鼠标移动： ```python import turtle # 创建画布和海龟 t = turtle.Turtle() screen = turtle.Screen() # 绑定鼠标事件，获取鼠标的 x 坐标和 y 坐标 def move(x, y): t.setpos(x, y) screen.onclick(move) # 绘制三角形 t.forward(100) t.left(120) t.forward(100) t.left(120) t.forward(100) # 进入消息循环 turtle.mainloop() ``` 运行上述代码后，你会看到一个三角形，并且当你移动鼠标时，三角形会跟随鼠标移动。 希望这能帮到你！ ### 回答2： 可以使用Python的turtle模块来绘制一个三角形，并让它跟随鼠标移动。具体步骤如下： 1. 导入turtle模块：`import turtle` 2. 创建画布并设置画布大小：`wn = turtle.Screen()` 3. 设置画布标题：`wn.title("Triangle Follow Mouse")` 4. 创建一个画笔对象：`pen = turtle.Turtle()` 5. 定义一个移动画笔位置的函数，用于让画笔跟随鼠标移动：`def move_pen(x, y): pen.penup(); pen.goto(x, y)` 6. 将移动画笔位置的函数与画布的鼠标移动事件绑定：`wn.onscreenclick(move_pen)` 7. 绘制三角形的函数：`def draw_triangle(): for _ in range(3): pen.forward(100); pen.left(120)` 8. 绘制三角形：`draw_triangle()` 9. 启动画布的主循环以监听鼠标移动事件：`wn.mainloop()` 完整的代码如下： ```python import turtle wn = turtle.Screen() wn.title("Triangle Follow Mouse") pen = turtle.Turtle() def move_pen(x, y): pen.penup() pen.goto(x, y) def draw_triangle(): for _ in range(3): pen.forward(100) pen.left(120) draw_triangle() wn.onscreenclick(move_pen) wn.mainloop() ``` 运行代码后，会显示一个窗口，其中绘制了一个初始位置在窗口中心的三角形。当鼠标点击窗口时，三角形的位置会跟随鼠标的移动而改变。 ### 回答3： 要用Python语言绘制一个三角形，并让它跟随鼠标移动，可以使用turtle库来实现。下面是一个示例代码： ```python import turtle # 创建画布 canvas = turtle.Screen() canvas.title("移动三角形") canvas.bgcolor("white") canvas.setup(width=600, height=600) # 创建画笔 pen = turtle.Turtle() pen.color("black") pen.shape("triangle") pen.penup() # 定义移动函数 def move(x, y): pen.goto(x, y) # 绑定鼠标事件 canvas.onclick(move) turtle.done() ``` 这段代码首先导入turtle库，创建一个画布并设置其窗口大小。然后，创建一个画笔，设定画笔形状为三角形，并将画笔提起（缩回去）。接下来定义一个移动函数，该函数将画笔移动到鼠标点击位置。最后，通过绑定鼠标点击事件到移动函数，当鼠标点击画布时，画笔将移动到对应位置。最后调用`turtle.done()`来使程序保持运行状态。 运行这段代码后，你会看到一个白色背景的窗口，当你在窗口中点击，画笔会移动到对应的位置，形成一个跟随鼠标移动的三角形。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

denal

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值