给博客加Juqery”富强、民主、文明、和谐”鼠标点击特效给博客加Juqery”富强、民主、文明、和谐”鼠标点击特效

生命不息,
折腾不止!

给博客加Juqery”富强、民主、文明、和谐”鼠标点击特效

今天看到一个非常有意见的Jquery特效,就是鼠标点击网页的任何地方都会有特效产生,非常的容易,我看了下源代码,其实就是给body加一个鼠标点击事件,给body绑定一个动画效果,直接把这段Jquery代码放到网页的头部或者说底部模板区域就可以了。

jquery"富强、民主、文明、和谐"特效代码

<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": "#ff6651"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

 

Ps: 特别提示,要引入jquery文件才可以使用该特效,一般网站都引用了,这个我们不用管了,上面的文件内容,颜色,坐标,动画等都可以自己修改的,只要你能看的懂。

jquery"富强、民主、文明、和谐"特效截图

特效.zip (103.38 KB)

赞() 打赏
未经允许不得转载:我的博客 » 给博客加Juqery”富强、民主、文明、和谐”鼠标点击特效
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

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

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们