zoukankan      html  css  js  c++  java
  • 博客园添加鼠标点击特效

    废话少说先看效果:

    复制下面代码,点击博客园

    管理-->设置

    然后    

    在保存就好了

     代码如下

     1 <script type="text/javascript">
     2 /* 鼠标特效 */
     3 var a_idx = 0;
     4 jQuery(document).ready(function($) {
     5     $("body").click(function(e) {
     6         var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
     7         var $i = $("<span></span>").text(a[a_idx]);
     8         a_idx = (a_idx + 1) % a.length;
     9         var x = e.pageX,
    10         y = e.pageY;
    11         $i.css({
    12             "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
    13             "top": y - 20,
    14             "left": x,
    15             "position": "absolute",
    16             "font-weight": "bold",
    17             "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
    18         });
    19         $("body").append($i);
    20         $i.animate({
    21             "top": y - 180,
    22             "opacity": 0
    23         },
    24         1500,
    25         function() {
    26             $i.remove();
    27         });
    28     });
    29 });
    30 </script>
  • 相关阅读:
    个人工作总结07
    软件项目第一个Sprint评分
    丹佛机场行李系统没能及时交工的原因
    第一次团队冲刺 5
    第一次团队冲刺4
    第一次团队冲刺3
    第一次团队冲刺2
    第一次团队冲刺 1
    风险评估
    团队开发——第一篇scrum报告
  • 原文地址:https://www.cnblogs.com/xiaokang01/p/9911501.html
Copyright © 2011-2022 走看看