从此篇博文开始,将进行博客相关的操作栏等效果的内容编写。
此文写的“随鼠标移动的DIV”这个效果的内容。
1、 CSS定义;
https://files.cnblogs.com/files/lzhdim/cursorMoveDiv.css?t=1648051844
上面是CSS定义文件,各个模块的CSS和Javascript脚本都分开独立进行的封装,这样其它博友如果也用此效果的那直接获取该文件放到博客里即可。
2、 Javascript脚本代码;
https://files.cnblogs.com/files/lzhdim/cursorMoveDiv.js?t=1649676708
上面是这个效果的JS文件,这个文件里主要将效果相关的JS操作进行了定义。
实际的效果见下图:
此文将这个移动DIV效果的CSS样式和JS脚本代码进行了简单的描述,后面将对博客中其它的效果进行描述。
![]() |
Austin Liu 刘恒辉
Project Manager and Software Designer E-Mail:lzhdim@163.com Blog:https://lzhdim.cnblogs.com 欢迎收藏和转载此博客中的博文,但是请注明出处,给笔者一个与大家交流的空间。谢谢大家。 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了