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

有人应该注意到了,在本站点击鼠标会出现富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等字眼,有没有很好玩呢
博客网站放置目录都在: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>
<!---鼠标点击出现文字特效开始结束--->
一、本站上的部份代码及教程来源于互联网,仅供网友学习交流。如有侵权,无意侵害您的权益,请发送邮件至zhangshen#ahap.cn或点击右侧 联系我们,我们将尽快处理。
二、请勿将购买的资源教程转载或分享与他人!

给TA充电
共{{data.count}}人
人已充电
默认

一个能让你的网站嗨起来的js嗨代码源码分享

2021-11-4 20:11:52

默认

网站底部添加网站运行时间代码,自动计算精确到秒

2021-11-4 20:15:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索