文档备案控制台

开发者社区开发与运维文章正文

JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物，动态女生眼睛跟着鼠转动

2021-12-14 1004

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JavaScript 技术篇-一段js代码展示可以随鼠标移动变换样式的卡通人物，动态女生眼睛跟着鼠转动

把这段代码写在一个 html 文件里，然后用浏览器打开。

<!DOCTYPE html>
<html>
<body>
  <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
  <script type="text/javascript">
  L2Dwidget.init();
  </script>
</body>
</html>

运行效果图：

喜欢的点个赞❤吧！

文章标签：

JavaScript

前端开发

小蓝枣

目录

相关文章

爱心发电丶

|

JavaScript 算法开发者

如何用JS实现在网页上通过鼠标移动批量选择元素的效果？

本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件，动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法，并附有示例代码和在线演示链接，方便开发者参考与测试。

爱心发电丶

573 56 56

delacroix_xu-15509

|

JavaScript 前端开发安全

【逆向】Python 调用 JS 代码实战：使用 pyexecjs 与 Node.js 无缝衔接

本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码，并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧，帮助开发者在 Python 中高效处理 JS 逻辑。

delacroix_xu-15509

2007 0 0

云流雨洄

|

JavaScript 前端开发算法

流量分发代码实战｜学会用JS控制用户访问路径

流量分发工具（Traffic Distributor），又称跳转器或负载均衡器，可通过JavaScript按预设规则将用户随机引导至不同网站，适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码，实现智能、隐蔽的流量控制，并附完整示例与算法解析。

云流雨洄

521 1 1

ayuday

|

资源调度 JavaScript 前端开发

Day.js极简轻易快速2kB的JavaScript库-替代Moment.js

dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。

ayuday

1060 24 30

蓝易云

|

存储 JavaScript 前端开发

在NodeJS中使用npm包进行JS代码的混淆加密

总的来说，使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置，我们可以使混淆后的代码更难以理解，从而提高代码的保密性。

蓝易云

1607 9 9

招财猫_Martin

|

前端开发 JavaScript

【Javascript系列】Terser除了压缩代码之外，还有优化代码的功能

Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具，常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积，还能优化代码逻辑，提升可靠性。例如，在调试中发现，Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`（启用压缩）、`mangle`（变量名混淆）和 `output`（输出配置）。更多高级用法可参考官方文档。

招财猫_Martin

1183 11 11

n7lskg6uuowc2

|

JavaScript

JS代码的一些常用优化写法

JS代码的一些常用优化写法

n7lskg6uuowc2

290 0 0

游客lijmi4663rgsa

|

JavaScript 前端开发 API

JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）

array.map(）可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等，比for好用太多了，主要是写法简单，并且非常直观，并且能提升代码的可读性，也就提升了Long Term代码的可维护性。只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~

游客lijmi4663rgsa

866 1 1

wishCoding

|

JavaScript Java 测试技术

基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等

基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等

wishCoding

569 2 2

热门文章

最新文章

Z-library 稳定访问指南

前端javascript练习题Ajax封装

《量化金融R语言初级教程》一1.4　波动率建模

拒绝版权流氓！阿里巴巴重磅发布免费商用字体

js前端调试的几个小技巧

Vue.js 中的 `v-if`、`v-else-if` 和 `v-else`：条件渲染详解

Node.js v13.2.0 开始支持ES modules了

转　用JS实现PHP的sprintf函数

前端富文本编辑器原理——从javascript、html、css开始入门（二）

Gulp.js 参考手册，自动化构建利器

局域网监控其他电脑的设备信息管理 Node.js 跳表算法

Chrome 下载大文件报错！用 Streamsaver.js 完美填坑

百宝箱开放平台 ✖️ Node.js SDK

电脑管控软件的进程优先级调度：Node.js 红黑树算法

企业上网监控系统的恶意 URL 过滤 Node.js 布隆过滤器算法

JavaScript进阶挑战：巩固核心知识点

js实现promise常用场景使用示例

基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究

Nest.js控制器深度解析：路由与请求处理的高级特性

js react antd 实现页面低分变率和高分变率下字体大小自适用，主要是配置antd

相关课程

更多

JavaScript入门与实战

JavaScript 自学手册文档教程

相关电子书

更多

JavaScript面向对象的程序设计

Delivering Javascript to World

编程语言如何演化-以JS的private为例

下一篇

一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！