网页实现线条像磁铁一样向鼠标吸附

前言:在看其他大佬的博客时,发现一个非常牛x的特效,就是他网页有线条会像磁铁一样吸附到你的鼠标上,当鼠标快速移动的时候又会散开。在网上搜了一下,实现过程也不难,有各种各样的。利用css或者js都可以。我这里采用的是github开源的一个具有JavaScript和Canvas的交互式粒子/嵌套系统,没有jQuery 。

链接:https://github.com/hustcc/canvas-nest.js

你可以将它加到你网页的body中,如果你是和我一样利用WordPress建站的,那就更方便了。在官网直接搜一下 canvas-nest 这个插件就可以快速实现了。非常方便简单,启用后自己设置选项就可以了。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
引用\[1\]: 继电器可以通过单片机的IO口高低电平来控制其开闭状态。使用继电器的好处是可以用低电压控制高电压,并且可以防止电流反冲。即使电磁铁的工作电压为3.3V,也可以直接接在单片机的IO口上,像LED一样使用。但为了防止电流反冲,使用继电器是更安全的选择。\[1\] 引用\[2\]: 关于继电器的触发方式,无论是使用3.3V还是5V供电,高电平触发都可以达到效果,而低电平触发效果不太好。32单片机的数据脚的高电平是3.3V,因此建议使用高电平触发。\[2\] 引用\[3\]: 继电器上的触点通常标注为NO(常开触点)和NC(常闭触点)。常开触点在线圈通电时处于闭合状态,在线圈断电时处于断开状态。常闭触点则相反,在线圈断电时处于闭合状态,在线圈通电时处于断开状态。\[3\] 要实现贯穿推拉式电磁铁的匀速运动,可以通过以下步骤实现: 1. 首先,将电磁铁的线圈连接到继电器的触点上。如果需要推动电磁铁,可以将电磁铁的一个极性连接到继电器的常开触点(NO),另一个极性连接到继电器的公共端子(COM)。 2. 然后,将继电器的控制端口连接到单片机的IO口。根据继电器的触发方式(高电平触发或低电平触发),将IO口设置为相应的高或低电平来触发继电器的动作。 3. 当单片机输出相应的电平信号时,继电器将吸合,使电磁铁通电,从而产生磁场。这将导致电磁铁的推动部分(如铁芯)向一个方向运动。 4. 当单片机停止输出电平信号时,继电器释放,电磁铁断电,磁场消失。这将导致电磁铁的推动部分返回原来的位置。 5. 通过控制单片机输出电平信号的时间和频率,可以实现磁铁的匀速运动。 需要注意的是,具体的接线方式和控制逻辑可能会因电磁铁和继电器的型号而有所不同。因此,在实际操作中,建议参考电磁铁和继电器的规格说明书,并使用万用表进行测试,以确保正确的接线和操作。 #### 引用[.reference_title] - *1* *2* *3* [STM32F407控制微型推拉式电磁铁(通过继电器)](https://blog.csdn.net/m0_48808835/article/details/129769887)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值