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

鼠标点击效果图之前有人问我鼠标点击出现文字效果是怎么实现的,这个我只能说是从别人网站上看到的代码,为了大家使用方便,在这里我给大家分享一下。使用方法也很简单,只需要两步:
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. 免费推广说道:

    为什么我的网站没有生效 :exclaim:

  2. 为什么我pc端能弹出文字,而在手机端却没有文字弹出!

    1. wp_tianshan说道:

      @为您千千万万遍 有的呀,亲,我都看到了呢!

    2. wp_tianshan说道:

      @为您千千万万遍 请问博主用的什么主题,好漂亮。

      1. @wp_tianshan 博主是有,我说自己的网站!

      2. @wp_tianshan 你就是博主 :lol: !你进我的页面在手机端点击有吗?我自己怎么没有?除非点击有链接的地方才会出现汉字!

        1. wp_tianshan说道:

          @为您千千万万遍 我用手机打开的,发现你的是有的效果的呀。

      3. @wp_tianshan 你不用密码也能进去我的主站吗?需要密码的那个只是一个页面,我自己改的,输入密码才进去主站,主站主题是ilove!

        1. wp_tianshan说道:

          @为您千千万万遍 哦哦,不错,看着很有爱。

  3. M7说道:

    眼尖的我看见了百度统计

    1. wp_tianshan说道:

      @M7 额,在哪? :mrgreen:

    1. wp_tianshan说道:

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

  4. muse说道:

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

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

  5. 闫琪琛说道:

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