鼠标特效代码 php_鼠标特效——鼠标点击出现文字效果

之前有人问我鼠标点击出现文字效果是怎么实现的，这个我只能说是从别人网站上看到的代码，为了大家使用方便，在这里我给大家分享一下。使用方法也很简单，只需要两步：

1.登录后台——外观——编辑，找到footer.php文件；

2.找到

/* 鼠标特效 */

var a_idx = 0;jQuery(document).ready(function($) {$("body").click(function(e) {var a = new Array("欢迎您", "么么哒", "你真好", "棒棒哒", "真可爱", "你最美", "喜欢你" ,"真聪明", "爱你哦", "好厉害", "你真帅", "祝福你");var $i = $("").text(a[a_idx]);

a_idx = (a_idx + 1) % a.length;var x = e.pageX,y = e.pageY;$i.css({"z-index": 999,"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();});});});var _hmt = _hmt || [];

(function() {

var hm = document.createElement("script");

hm.src = "https://hm.baidu.com/hm.js?068e8f57dc240ec2a0129120cf63a255";

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm, s);

})();

ok，一个简单的效果就实现了，如果有什么不明白的都可以在留言板给留言。

鼠标特效代码 php_鼠标特效——鼠标点击出现文字效果相关推荐

html点击控制盒子左右移动,JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例...
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例发布时间:2020-10-04 12:47:25 来源:脚本之家阅读:121 作者:s_psycho 本文实例讲述了JS实现鼠标拖拽盒子移动及右键 ...
html语言教程文字特效代码大全,HTML特效代码大全
1)贴图:<img src="图片地址"> 2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 1 ...
网站特效代码（背景彩带以及点击烟花特效）
这两个特效代码都是我找了很久才找到的,但是我没有本地保存代码的习惯,而项目里也暂时不用,所以为了避免遗失,我还是贴到这里吧. 背景彩带: (function (name, factory) {if ( ...
html图片鼠标动态效果代码,纯css3实现鼠标经过图片显示描述的动画效果
今天给大家带来的是用css3技术实现鼠标经过图片,显示图片描述的动画效果.鼠标经过图片时,图片动画缩小并渐变显示描述.我们一起看看效果图: 源码下载我们一起学习下此案例的代码. html代码: 复制 ...
c语言50行以内特效代码,QQ空间特效代码
qq空间代码特效: 在qq空间首页选择自定义,再点建立新模块,然后把代码写在"评论"这一栏里,其他的可以全部不填.可以参考里QQ空间图片代码里的使用说明,是一样的. 在把代码复制到 ...
HTML文字阴影火焰,CSS3文字特效属性text-shadow的介绍，实例讲解火焰文字效果
早些时候,要实现文字的阴影效果要用图片,这很不方便,但是现在,可以通过CSS3的text-shadow为字体添加阴影,给text-shadow设置相应的属性值,来实现现一些需要的字体阴影效果,减少了图 ...
jQuery手机移动端弹出层美化下拉选项特效代码
jQuery手机移动端弹出层美化下拉选项特效代码演示地址:http://www.b4a.bid/JS/ 效果如下: 下载地址:https://download.csdn.net/download/d ...
html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码
特效描述:随机点名器点击按钮文字随机点名,js特效代码结构 1. HTML代码点名器 *{margin:0;padding:0;list-style-type:none;} a,img{bor ...
html图片显示详情,纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码.html...
纯CSS鼠标经过图片视差弹出层显示详情链接按钮特效代码 * { box-sizing: border-box; } html, body { height: 100%; background:#ddd ...

鼠标特效代码 php_鼠标特效——鼠标点击出现文字效果

鼠标特效代码 php_鼠标特效——鼠标点击出现文字效果相关推荐

最新文章

热门文章