js 特效 鼠标点击弹出浮动文字

js 特效 鼠标点击弹出浮动文字

• 前端鼠标点击弹出浮动文字
  直接将以下代码复制到头部或者说底部模板文件里或者任意公用文件或者任意html 文件。
  说明:此代码依赖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": 999999999999999999999999999999999999999999999999999999 ,
                  "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>