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

这篇有点水,不过还是发出来吧,因为有很多人问了,
有人应该注意到了,在本站点击鼠标会出现富强”, “民主”, “文明”, “和谐”, “自由”, “平等”, “公正” ,”法治”, “爱国”, “敬业”, “诚信”, “友善”等字眼,有没有很好玩呢
博客网站放置目录都在: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,一个简单的效果就实现了,如果有什么不明白的都可以在留言板给留言。

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 共3条

请登录后发表评论

    • 记磊博客的头像-轻刻年轮
      五湖四海
      0
    • 记磊博客的头像-轻刻年轮
      秋叶home
      0
    • 记磊博客的头像-轻刻年轮
      缺氧。
      0