SimpleZero

鼠标点击出现社会主义核心价值观代码
经常看到有的博客点击会出现“自由,平等,公正,法制”,觉得挺有意思的,分享下实现方法<script> ...
扫描右侧二维码阅读全文
26
2017/12

鼠标点击出现社会主义核心价值观代码

经常看到有的博客点击会出现“自由,平等,公正,法制”,觉得挺有意思的,分享下实现方法

<script>
// 社会主义核心价值观
var a_idx = 0;
 
    $("body").click(function(e) {
        var a = new Array(
            "富强", "民主", "文明", "和谐",
            "自由", "平等", "公正", "法治",
            "爱国", "敬业", "诚信", "友善"
            );
        var $i = $("<span/>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 144469,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#f00"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove()
        })
    });
最后修改:2018 年 11 月 28 日 09 : 36 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论

12 条评论

  1. 子豪
      Android 8.0.0(Android 8.0.0) / QQbrowser(QQbrowser)

    代码直接拷贝,问题是怎么用到自己博客捏? 求解

    1. SimpleZero
        Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.110(Google Chrome 70.0.3538.110)
      @子豪

      如果你主题支持自定义js的话直接粘贴进去即可,若不支持请粘贴到主题js文件

      1. 子豪
          Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.110(Google Chrome 70.0.3538.110)
        @SimpleZero

        嗯呐 我自己捣鼓一下

  2. lin-qlpnil
      Windows 8.1 x64 Edition(Windows 8.1 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)

    如果我想要点一下换一种颜色怎么办?就像博主的鼠标点击特效一样

  3. Death
      Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)

    大佬,请问如何做到在当前页面显示,转到其他页面的时候显示呢?

  4. 爸爸
      Mac OS X(Mac OS X) / Safari 5.0.2(Safari 5.0.2)

    哇,膜拜大佬,很有用啊

  5. 瑞刚博客
      Windows XP(Windows XP) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)

    用在typecho上无效,求指教

    1. Zero
        Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 15.15063(Microsoft Edge 15.15063)
      @瑞刚博客

      不好意思,现在才回复,这个在typecho上是可以用的,直接引用到js文件即可

  6. 耐火砖价格
      Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 57.0(Firefox 57.0)

    感谢分享,做个人博客很有用

  7. 狂放
      Android 5.1(Android 5.1) / Google Chrome 63.0.3239.53(Google Chrome 63.0.3239.53)

    炸啦炸啦 script和type连在一起了,css还换行了

    1. Zero
        Android 7.0(Android 7.0) / Google Chrome 40.0.2214.89(Google Chrome 40.0.2214.89)
      @狂放

      凉了

  8. 你猜我是谁
      Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.108(Google Chrome 63.0.3239.108)

    哦,好厉害