鼠标点击网页出现文字特效(随机颜色)

最新推荐文章于 2022-12-11 07:55:27 发布

圣仁君

最新推荐文章于 2022-12-11 07:55:27 发布

阅读量2.7k

点赞数 4

文章标签： JavaScript

本文链接：https://blog.csdn.net/wuwewo/article/details/86541108

版权

这篇博客介绍了如何使用JavaScript实现鼠标点击网页时出现的文字特效，每次点击都会显示不同颜色的文字。虽然作者提到使用中文变量名和函数名不规范，并分享了一段简化后的代码，建议读者遵循规范，避免模仿这种做法。

摘要由CSDN通过智能技术生成

我发现一个问题，原来变量名也可以使用中文。

同样声明函数也可以使用中文，只不过这样子不规范

这些代码仅仅作为参考，我也是在网上面参考过来的，只不过对原有的特效不满意，然后就加一些东西

这个特效实现起来很简单

直接复制这些代码，保存html文件就可以了，当然也导入jq插件，打开你保存的文件点击网页就可以看到特效了

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>鼠标点击网页出现文字特效</title>
</head>

<body>
    <!-- 首先导入jq插件 -->
    <script src="js/jquery-3.1.0.js"></script>
    <script>
        //鼠标点击特效
        //页面加载事件
        jQuery(function () {

            //声明变量
            var 点击数 = 0;

            //给页面创建点击事件
            $("html").click(function (e) {