前端鼠标点击弹出浮动文字--民主、和谐、爱国、自由等
看到一个前端鼠标点击弹出浮动文字–民主、和谐、爱国、自由等的一个小脚本,放在页面上可以用。
注:依赖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": 9999999999999 , "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "color": "#ff6651", "-webkit-user-select":"none", "-moz-user-select":"none", "-ms-user-select":"none", "user-select":"none", }); $("body").append($i); $i.animate({ "top": y - 150, //点击后文字上升高度 "opacity": 0 //透明度 }, 1000, function() { $i.remove();//文字消失时间 }); }); }); </script>
本文作者:黎华扬
本文链接:https://www.cnblogs.com/galenblog/p/10016874.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步