专注于经验分享
   工具共享。

为自己的网站添加鼠标点击特效,爱国 敬业 富强…

我们经常在网上看到有些人的博客鼠标点击都会出来文字,爱国 敬业 富强…看着挺好玩,这个B不装浑身难受哈,那我来告诉你们搭建怎么为自己的网站添加上这种特效。

其实就是一行js代码,添加到我们的页面中就可以啦。为了保证全站可用,一般添加在footed页面上最好。


    var a_idx=0;jQuery(document).ready(function($){$("body").click(function(e){
        var a=new Array("富强","民主","文明","和谐","自由","平等","公正","法治","爱国","敬业","诚信","友善");
        var $i=$("").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":"#ff6651"});
        $("body").append($i);$i.animate({"top":y-180,"opacity":0},1500,function(){$i.remove();
        });
    });
    });
赞(0) 打赏
转载请注明文章地址:Hellohao » 为自己的网站添加鼠标点击特效,爱国 敬业 富强…
分享到: 更多 (0)

评论 1

评论前必须登录!

 

  1. #0

    还行,复制上就可以用。

    陈独秀1年前 (2018-09-22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏