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

  • A+
所属分类:前端 编程

我们经常在网上看到有些人的博客鼠标点击都会出来文字,爱国 敬业 富强...看着挺好玩,这个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();
        });
    });
    });

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  0   博主  0

    • 陈独秀 陈独秀 1

      还行,复制上就可以用。