这篇文章主要介绍了一个有意思的鼠标点击文字特效jquery代码,需要的朋友可以参考下

今天在看到一段比较喜欢的鼠标点击文字特效JS代码,感觉很不错就用到博客上来了!喜欢的站长也可以用一下感觉一下!

只需将如下JS代码放到</body>之前即可。

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
  $("body").click(function(e) {
    var a = new Array("富强", "民主", "文明", "", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
    var $i = $("<span/>").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();
    });
  });
});
</script>

不知道为啥, WordPress 可以使用的JS代码放到 Typecho 里都失效了,郁闷呀!

这个效果一般大网站就不用了,一般用于个人博客还是不错的。

    无相关信息
最新资讯
震撼、激动、兴奋!赵立坚:期待嫦五带回来自月球的问候

震撼、激动、兴奋!赵立

赵立坚表示,嫦娥五号划破夜空的图片很震撼,带着发射轰鸣
这个行业价格战愈演愈烈,但消费者高兴不起来……

这个行业价格战愈演愈

“双11期间快递价格整体处于一年中的较高水平,一单两元
蛋壳碎掉了年轻人的北漂体面

蛋壳碎掉了年轻人的北

如同一位纵横情场多年的老手,长租公寓们太懂得,如何取悦
黑客演示两分半钟盗走特斯拉Model X:绕开新加密技术

黑客演示两分半钟盗走

据Electrek报道,一名黑客成功设法为特斯拉车辆开发了一
触网碰壁 开心麻花开心不起来了?

触网碰壁 开心麻花开

2020年10月29《老爹特烦恼》在爱奇艺平台上映,上映近一
云从科技:AI产业发展呈现"三次浪潮" 推出首款人机协同操作系统

云从科技:AI产业发展呈

据悉,云从人机协同操作系统,是运行在通用操作系统或云操
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,