侧边栏壁纸

分享一些好看的网站鼠标JS特效

2023年11月16日 686阅读 6评论 0点赞

使用方法:

新建xxx.js,然后把下方js代码复制粘贴进去,然后上传到服务器或者云存储
然后把引用到网站适当位置即可
也可以在代码前后加上标签,然后引入到页面

弹出爱心

此处内容设置了 登录回复 可见

弹出文字

点击打开
(function () {
    var a_idx = 0;
    window.onclick = function (event) {
        var a = new Array("❤富强❤", "❤民主❤", "❤文明❤", "❤和谐❤", "❤自由❤", "❤平等❤", "❤公正❤", "❤法治❤", "❤爱国❤",
            "❤敬业❤", "❤诚信❤", "❤友善❤");
        var heart = document.createElement("b"); //创建b元素
        heart.onselectstart = new Function('event.returnValue=false'); //防止拖动
        document.body.appendChild(heart).innerHTML = a[a_idx]; //将b元素添加到页面上
        a_idx = (a_idx + 1) % a.length;
        heart.style.cssText = "position: fixed;left:-100%;"; //给p元素设置样式
        var f = 16, // 字体大小
            x = event.clientX - f / 2, // 横坐标
            y = event.clientY - f, // 纵坐标
            c = randomColor(), // 随机颜色
            a = 1, // 透明度
            s = 1.2; // 放大缩小
        var timer = setInterval(function () { //添加定时器
            if (a <= 0) {
                document.body.removeChild(heart);
                clearInterval(timer);
            } else {
                heart.style.cssText = "font-size:16px;cursor: default;position: fixed;color:" +
                    c + ";left:" + x + "px;top:" + y + "px;opacity:" + a + ";transform:scale(" +
                    s + ");";
                y--;
                a -= 0.016;
                s += 0.002;
            }
        }, 15)
    }
    // 随机颜色
    function randomColor() {
        return "rgb(" + (~~(Math.random() * 255)) + "," + (~~(Math.random() * 255)) + "," + (~~(Math
            .random() * 255)) + ")";
    }
}());

弹出彩球

此处内容设置了 登录回复 可见

弹出彩色粒子

此处内容设置了 登录回复 可见

鼠标重影跟随

此处内容设置了 登录回复 可见

0

—— 评论区 ——

昵称
邮箱
网址
取消
  1. 头像
    www3322836073
    Windows 10 x64 Edition   Google Chrome 119
    回复

    QQQQQQQQQQQQQQQQQQQQQQQQ

    1. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 121
      回复
      @www3322836073

      好水

  2. 头像
    突突突
    Windows 10 x64 Edition   Google Chrome 119
    回复

    我来看看一下的

  3. 头像
    杨林
    Mac OS X 10.15.7   Google Chrome 120
    回复

    QQQQQQQQQQQQ

    1. 头像
      www3322836073
      Windows 10 x64 Edition   Google Chrome 119
      回复
      @杨林

      QQQQQQQQQQ

    2. 头像
      毒蛊博客 博主
      Windows 10 x64 Edition   Microsoft Edge 120
      回复
      @杨林

      好的

人生倒计时
今日已经过去 2 小时
9%
这周已经过去 1
14%
本月已经过去 7
23%
今年已经过去 4 个月
33%
最新评论