js点击，特效

最新推荐文章于 2023-07-17 14:36:38 发布

岁月如歌_

最新推荐文章于 2023-07-17 14:36:38 发布

阅读量631

点赞数

分类专栏：前端 javascript

本文链接：https://blog.csdn.net/namechenfl/article/details/114367900

版权

前端同时被 2 个专栏收录

33 篇文章 4 订阅

订阅专栏

javascript

24 篇文章 1 订阅

订阅专栏

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>

<body>

</body>
<script>

    var w = document.documentElement.clientWidth || document.body.clientWidth;
    // console.log(w)
    if (w > 750) {
        /* 点击出现英语字母背景 */
        var clicknum = ["if", "for", "HTML", "css", "javascript", "meta", "!doctype", "href", "target", "font-style", "text-transform", "font-family", "oblique", "normal", "text-align", "text-decoration", "list-style", "background-repeat", "dashed", "dotted", "overflow", "visible", 'white-space', "nowrap", "opacity", "display", "absolute", " position", "relative", "Trident ", "fieldset", "autoplay", "enabled", "active", "read-only", "before", "first-line", "firstElementChild", "box-shadow", "word-break", "border-image", "flex-direction", "flex-wrap", "align-content", "justify-content", "space-between", "box-sizing", "linear-gradient", "user-select", "transform", "transition-property", "animation", "@keyframes", "onclick", "function", "confirm", "number", "undefined", "Symbol", "parseInt", "console.log", "result.innerHTML", "statements", "arguments", "window", "Array.from", "delete", "unshift ", "reverse", "indexOf", "reduce", "every", "charAt", "substr", "replace ", "fromCharCode", "charCodeAt", "use strict", "Math.random", "console.time", "oDate.getDate", "setInterval", "setTimeout"]
        $(document).click(function (e) {
            var e = e || event;
            var i = parseInt(Math.random() * 83);
            var r = Math.floor(Math.random() * 256);
            var g = Math.floor(Math.random() * 256);
            var b = Math.floor(Math.random() * 256);
            var rgb = "rgb(" + r + "," + g + "," + b + ")";
            var pageY = e.pageY + "px";
            var pageX = e.pageX + "px";
            $("<div>" + clicknum[i] + "</div>").css({ "color": rgb, "font-size": 12, "position": "absolute", "top": pageY, "left": pageX }).insertAfter("body").animate({ top: e.pageY - 60 + "px", fontSize: "20px", opacity: 0 }, 1000, function () {
                $(this).remove();
            })
        })
    }
</script>

</html>

岁月如歌_

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
js点击，特效

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
复制链接

扫一扫

专栏目录