当前位置:记磊博客 > 主题/优化 > Emlog > 正文

作者:记磊博客

比较忧愁,比较善感,比较孩子气,比较喜欢网络技术的小子

手机扫码查看

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

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

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

第一种

/* 鼠标特效 */
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": 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();
});
});
});
   

第二种(文字会不一样了)

/* 鼠标特效 */
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,一个简单的效果就实现了,如果有什么不明白的都可以在留言板给留言。

 

记磊博客文章说明:

作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 记磊博客
原文地址:https://www.ly522.com/880.html 发布于2018-06-15。
如果我的文章帮助到了你,或者给你产生了些许spark ,欢迎(-(赞助打赏)-)

您阅读这篇文章共花了: 0小时00分00秒
分享到:
赞(0) 打赏

评论-加入了一言 3

1 + 1 =
  1. #1
    qq_avatar

    河川,激流逆流顺流回流,犹如人生前后进退往复不息。

    缺氧。4个月前 (09-25)来自中国/China 谷歌浏览器 Windows 7 上海市 联通回复
  2. #2
    qq_avatar

    这个不能用了啊

    秋叶home4个月前 (09-28)来自中国/China 谷歌浏览器 Windows 7 山东省临沂市 联通回复
  3. #3
    qq_avatar

    已经不能用了啊

    五湖四海3周前 (01-04)来自中国/China 火狐浏览器 Windows 7 四川省成都市 鹏博士长城宽带回复
【网站美化】鼠标特效鼠标点击出现文字效果

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

时光里的点滴

应广大网友需求记磊工具箱源码需求,开通交流群, 目前禁言。资源已经上传。群稳定后开放

快速加群

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录