zoukankan      html  css  js  c++  java
  • 《博客园美化》鼠标点击特效

    把下面这段断码放在页首就行了,前提是必须有js权限,没有js权限去申请一下就行了,这里不多做解释

    <script type="text/javascript">
     /* 鼠标特效 */
     var a_idx = 0;
     jQuery(document).ready(function($) {
         $("body").click(function(e) {
             var a = new Array("❤2019❤","❤变高❤","❤变帅❤","❤变白❤","❤暴富❤","❤自在❤","❤信仰❤","❤长久❤");
             var $i = $("<span></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": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
             });
             $("body").append($i);
             $i.animate({
                 "top": y - 180,
                 "opacity": 0
             },
             1500,
            function() {
                 $i.remove();
            });
        });
    });
    </script>
  • 相关阅读:
    select入门学习
    tomcat入门及相关学习
    Tomcat&Servlet
    CPU排行榜
    CPU后字母代表的含义
    刷 BIOS
    Java的三个体系
    XML入门及案例
    BootStrap笔记
    第三节 DOM及案例 表格全选、表单验证
  • 原文地址:https://www.cnblogs.com/chensv/p/11304008.html
Copyright © 2011-2022 走看看