Web前端:博客美化:二、鼠標特效
阿新 • • 發佈:2019-02-12
css eight pytho info new 心情 pre 分享 ctr
1、獲取JS權限
因為是js代碼所以需要放在 側邊欄公告 裏
沒開通之前,有一個申請的鏈接,點擊即可,我是第二天才看到過審的 ^-^
2、Ctrl+C、Ctrl+V
數組裏的文字隨自己心情啦
另:3000是文字消失的速度,數值越大跑的越慢
<!--鼠標點擊特效--> <script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("數據結構","算法", "系統結構", "操作系統", "網絡", "C", "C++", "Java" ,"python", "OC", "敬業"); 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": 999999999999999999999999999999999999999999999999999999999999999999999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 3000, function() { $i.remove(); }); }); }); </script> <!--鼠標點擊特效end-->
參考:https://boke112.com/4029.html
Web前端:博客美化:二、鼠標特效