一个有意思的鼠标点击文字特效jquery代码


Posted in jQuery onSeptember 23, 2017

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

一个有意思的鼠标点击文字特效jquery代码

只需将如下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 里都失效了,郁闷呀!

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

jQuery 相关文章推荐
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
jQuery位置选择器用法实例分析
Jun 28 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jQuery实现简单飞机大战
Jul 05 jQuery
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 #jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 #jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 #jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 #jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 #jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 #jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 #jQuery
You might like
这东西价格,可以买几台TECSUN S-2000
2021/03/02 无线电
php实现多张图片上传加水印技巧
2013/04/18 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
php使用codebase生成随机数
2014/03/25 PHP
PHP生成指定长度随机数最简洁的方法
2014/07/14 PHP
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
Ext 表单布局实例代码
2009/04/30 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
2014/03/05 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
2016/01/31 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
微信小程序实现页面左右滑动
2020/11/16 Javascript
Python入门篇之对象类型
2014/10/17 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Python中动态创建类实例的方法
2017/03/24 Python
浅谈Python peewee 使用经验
2017/10/20 Python
windows下python和pip安装教程
2018/05/25 Python
python输出pdf文档的实例
2020/02/13 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
幼师自我鉴定范文
2013/10/01 职场文书
专业销售业务员求职信
2013/11/18 职场文书
迎新晚会主持词
2014/03/24 职场文书
4s店活动策划方案
2014/08/25 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
python缺失值的解决方法总结
2021/06/09 Python