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

鼠标点击效果图之前有人问我鼠标点击出现文字效果是怎么实现的,这个我只能说是从别人网站上看到的代码,为了大家使用方便,在这里我给大家分享一下。使用方法也很简单,只需要两步:
1.登录后台——外观——编辑,找到footer.php文件;
2.找到<script type=”text/javascript”>部分,将下列的代码放在其后面就可以了。最后不要忘了清除一下浏览器记录。

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

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » 鼠标特效——鼠标点击出现文字效果

点赞
  1. M7说道:

    眼尖的我看见了百度统计

    1. wp_tianshan说道:

      @M7 额,在哪? :mrgreen:

    1. wp_tianshan说道:

      @哈哈 这个是什么连接? :redface:

  2. muse说道:

    为什么我添加了之后还是没用,也清除了缓存,主题和贵站一样的。

    1. @muse 看看代码放的位置对不对。

  3. 闫琪琛说道:

    有的网站点击出来的是表情这个怎么解决呢

发表评论

电子邮件地址不会被公开。 必填项已用*标注