【网站美化】鼠标特效鼠标点击出现文字效果

这篇有点水,不过还是发出来吧,因为有很多人问了,
有人应该注意到了,在本站点击鼠标会出现富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等字眼,有没有很好玩呢
博客网站放置目录都在:footer.php文件

复制下面代码就可以了
文字可以自己修改哦(有看到别人修改王者荣耀的英雄名挺酷)

第一种

<!---鼠标点击出现文字特效开始--->
<script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Arra("💖","富强","💜","民主","💙","文明","💚","和谐","💛","自由","🤎","平等","💗","公正","💜","法治","💖","爱国","💚","敬业","💚","诚信","💖","友善"); 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", "font-size": "10px", "animation": "heartbeat .25s infinite .1s", "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1000, function() { $i.remove(); }); }); }); </script>
<!---鼠标点击出现文字特效开始结束--->

2021-11-1号修复了此文章

您阅读这篇文章共花了: 0小时00分00秒
© 版权声明
THE END
喜欢就支持一下吧
点赞8赞赏 分享
评论 共3条
    • 头像五湖四海0
    • 头像秋叶home0
    • 头像缺氧。0