一个有意思的鼠标点击文字特效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实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
jQuery实现的form转json经典示例
Oct 10 jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
基于jquery实现的tab选项卡功能示例【附源码下载】
Jun 10 jQuery
jquery检测上传文件大小示例
Apr 26 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
thinkphp3.2.2前后台公用类架构问题分析
2014/11/25 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
Yii2.0多文件上传实例说明
2017/07/24 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
jQuery学习笔记之回调函数
2016/08/15 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
gulp解决跨域的配置文件问题
2017/06/08 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
Python守护进程用法实例分析
2015/06/04 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
python assert的用处示例详解
2019/04/01 Python
python读取并写入mat文件的方法
2019/07/12 Python
python如何建立全零数组
2020/07/19 Python
python解包用法详解
2021/02/17 Python
Farah官方网站:男士服装及配件
2019/11/01 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
python re模块和正则表达式
2021/03/24 Python
感恩老师演讲稿400字
2014/08/28 职场文书
小学科学教学计划
2015/01/21 职场文书
党支部评议意见
2015/06/02 职场文书
发票退票证明
2015/06/24 职场文书