頁面點擊出現(xiàn)浮標文字

這份代碼是依賴jq的

 /* 鼠標點擊特效 */
  var a_idx = 0;
  jQuery(document).ready(function($) {
    $("body").click(function(e) {
      var a = new Array("?富強?","?民主?","?文明?","?和諧?","?自由?","?平等?","?公正?","?法治?","?愛國?","?敬業(yè)?","?誠信?","?友善?");
      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();
        });
    });
  });

下面是具體圖片


image.png
愛心發(fā)射biu.gif
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,641評論 1 32
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,803評論 1 45
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,322評論 0 17
  • 時間的愛人 把蔚藍的天空染成海的顏色 有海風(fēng)告訴我,來自哪里 張開一雙翅膀自由的翱翔 盤旋在船頭 跟著它向世界遠航...
    大皖安利閱讀 141評論 0 0
  • 2016年馬上就要過去了,2017年的腳步聲越來越近,年終決算的原因,單位里面還有幾位同事在加班,燈火通明的辦公室...
    炭烤豬蹄閱讀 190評論 0 0

友情鏈接更多精彩內(nèi)容