【网站美化】鼠标特效鼠标点击出现文字效果
首页>>技术教程>>正文
本篇文章更新于 2021-11-07 12:41:03
本篇文章更新于 2021-11-07
【网站美化】鼠标特效鼠标点击出现文字效果

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

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

<!---鼠标点击出现文字特效开始--->
<script type="text/javascript"> var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("?","富强","?","民主","?","文明","?","和谐","?","自由","?","平等","?","公正","?","法治","?","爱国","?","敬业","?","诚信","?","友善"); 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-7 12:33:16

技术教程

使用浏览器书签预览网站在显示屏显示不同尺寸的效果代码分享

2021-11-7 12:49:26

重要说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员或给邮箱发送邮件zhouqiuqiu123@foxmail.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

敏而好学,不耻下问。——孔子