梦想博客 梦想博客

怎么给文章添加点击特效?

in 碎碎念,网络技巧 read (2973) 文章转载请注明来源!

想要这样子的效果么?
这是我在一个都是大佬的群里面水来的结果!话不多少代码如下 直接用就好!

<script type="text/javascript">
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("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": 999999999999999999999999999999999999999999999999999999999999999999999,
            "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();
            });
    });
});

有兴趣可以自己瞎折腾,捣鼓出更好玩的东西!到时候记得分享我
效果如下
J9AT1TNQIDVY_Q.png

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

特效代码
发表新评论
已有 7 条评论
  1. 后宫学长
    后宫学长 10Chrome 62
    回复

    不错,先收下了。

    1. 北海
      北海本文作者 7QQ浏览器 9
      回复

      @后宫学长 qaq 捕捉大佬 抓起来

  2. 帅猫
    帅猫 M魅族浏览器
    回复

    尾部少了一个

    1. 北海
      北海本文作者QQ浏览器 7
      回复

      @帅猫 少什么?

  3. 久久
    久久 7Chrome 55
    回复

    这个放在博客的那个文件夹啊?
    和你一样的程序

    1. 北海
      北海本文作者QQ浏览器 7
      回复

      @久久 footer.php的75行处

  4. 野兔
    野兔 10Chrome 62
    回复

    已抄走

博客已萌萌哒运行
© 2018 由 Typecho 强力驱动.Theme by YoDu
PREVIOUS NEXT
0:00