WordPress网站添加鼠标点击文字特效

目前很多博客类网站都有鼠标点击文字特效,相信也有很多人需要,这里就分享一下这个特效代码,适合大部分博客系统,包括Typecho,Emlog等。

WordPress网站添加鼠标点击文字特效

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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": 99999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#ff6651"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>
将代码放在主题的footer.php中的

之前即可。也可以自己根据需要更改显示效果。

微信公众号【木头分享】,超多福利超多资源木头分享 » WordPress网站添加鼠标点击文字特效
微信公众号:ex-tool
微信公众号【木头分享】,超多福利超多资源
142518人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

女装大佬众筹计划qwq

支付宝扫一扫打赏

微信扫一扫打赏