网站添加点击出现文字动画效果

网站添加点击出现文字动画效果

相信很多人都知道这个效果吧,效果看起来很独特,不同于其他的点击特效。这个效果在一些网站很常见,并且好多网站都有这个代码

代码放置位置

打开模板的footer.php文件 (emlog和WordPress通用)

把下面的代码放到你网站的<body></body>里面就行了

<script type="text/javascript">  /* 鼠标特效 */  var a_idx = 0;  jQuery(document).ready(function($) {     $("body").click(function(e) {         var a = new Array("陌路人","陌路人","25678资源博客");         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         },         1500,         function() {             $i.remove();         });     });  });      </script>

© 版权声明
THE END
喜欢就支持一下吧
点赞6
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称

    暂无评论内容

随即推荐
台球教程全网合集-铁虎资源网

台球教程全网合集

「台球教程全网合集」—— 您的一站式台球大师养成宝库!本合集是迄今为止最为全面、系统的台球数字学习资源,旨在将一位零基础的爱好者,逐步培养成技法精湛、思路清晰的台球高手。我们已为您...
Ourderag的头像-铁虎资源网Ourderag5天前
03914

raksmart香港试用的云服务器能用来干什么?

RAKsmart香港试用的云服务器凭借其地理位置和网络优势,可为用户提供多样化的应用场景。以下是其主要用途及注意事项,主机推荐小编为您整理发布raksmart香港试用的云服务器能用来干什么。
admin的头像-铁虎资源网admin16天前
04515
3DS Max游戏动画全套游戏动作从入门到精通-铁虎资源网

3DS Max游戏动画全套游戏动作从入门到精通

3DS Max游戏动画全套游戏动作基础与提升视频课程   
SherrieFak的头像-铁虎资源网SherrieFak28天前
02111
安卓超准天气预报v1.2.2免费无广告精准天气-铁虎资源网

安卓超准天气预报v1.2.2免费无广告精准天气

超准天气预报是一款免费无广的简约精准天气实时预报查询软件,集合了实时天气、小时/多天预报、空气质量、生活指数、黄历、星座、桌面小组件等多项实用功能,并采用 中国气象局 等多数据源权威...
hn9632的头像-铁虎资源网hn963213天前
0299
Process Lasso调试进程级别的系统优化工具-铁虎资源网

Process Lasso调试进程级别的系统优化工具

主要功能是基于其特别的算法动态调整各个进程的优先级并设为合理的优先级以实现为系统减负的目的,可有效避免蓝屏、假死、进程停止响应、进程占用 CPU 时间过多等症状。同时它还具备前台进程推...
casino_woel的头像-铁虎资源网casino_woel12天前
0416
流量主变现系统/任务管理系统/流量变现-铁虎资源网

流量主变现系统/任务管理系统/流量变现

和资源变现差不多,就是让用户观看广告获取想要的资源或者其他东西用户看完广告你就会获取利润,从而进行流量变现
Garmcrypto7intab的头像-铁虎资源网Garmcrypto7intab3天前
0458
raksamart东京多ip服务器搭建注意事项-铁虎资源网

raksamart东京多ip服务器搭建注意事项

在东京搭建多IP服务器时,需综合考虑法律合规性、服务商选择、技术配置、安全性及维护管理等因素。以下是详细的注意事项,主机推荐小编为您整理发布raksamart东京多ip服务器搭建注意事项。
admin的头像-铁虎资源网admin16天前
03413
抖音某大V短视频带货教学0基础玩转短视频-铁虎资源网

抖音某大V短视频带货教学0基础玩转短视频

拍摄运镜篇 指指点点运镜(1).mp4 远晨中景近景三种拍摄方法(1).mp4 旋转运镜(1).mp4 小天支架使用方法(1).mp4 推拉运镜(1).mp4 手机高清调节方法(1).mov 平移运镜(1).mp4 拍摄基础动作指导(1).m...
haiyang457的头像-铁虎资源网haiyang4574天前
02712
快捷视频压缩工具VideoMinimizer v1.283软件-铁虎资源网

快捷视频压缩工具VideoMinimizer v1.283软件

以最简单的方式改变视频大小
Michaelanoke的头像-铁虎资源网Michaelanoke前天
04514
WordPress主题–Betheme v28.1.12 破解版下载-铁虎资源网

WordPress主题–Betheme v28.1.12 破解版下载

Betheme 想要构建的不仅仅是一个 WordPress 主题,它可以轻松适应您需要处理的任何项目,而无需编写任何代码。一个从头开始设计的主题,以节省您的时间并帮助您享受自由……
zxy2023的头像-铁虎资源网zxy20235天前
04314