zoukankan      html  css  js  c++  java
  • 页面鼠标点击特效

    鼠标点击特效点击鼠标页面就会显示出不同颜色的文字
    
    <script src="https://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript">
     /* 鼠标特效 */
     jQuery(document).ready(function($) {
         $("body").click(function(e) {
             var a = new Array("快乐","天真","无忧","幸福","纯真","活泼","纯洁");
    
            var max = a.length;
            var min = 0;
            var num = Math.floor(Math.random()*(max-min+1)+min);
    
            
             var $i = $("<span></span>").text(a[num]);
             var x = e.pageX,
             y = e.pageY;
            $i.css({
                "z-index": 999999999,
                "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>

  • 相关阅读:
    常见的兼容问题
    css3新增伪类
    完美的js运动框架
    C++ 常用宏
    多线程代码段 自清理线程
    寒假自学(十一)
    寒假自学(十)
    寒假自学(九)
    寒假自学(八)
    寒假自学(七)
  • 原文地址:https://www.cnblogs.com/renjianjun/p/13632109.html
Copyright © 2011-2022 走看看