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

今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效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 里都失效了，郁闷呀！

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

# 鼠标点击文字特效  # JS获取鼠标选中的文字  # js实现鼠标悬停图片上时滚动文字说明的方法  # js实现文字垂直滚动和鼠标悬停效果  # js实现鼠标滑过文字链接色彩变化的效果  # jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码  # jQuery实现鼠标经过时出现隐藏层文字链接的方法  # jQuery实现鼠标单击网页文字后在文本框显示的方法  # jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】  # jQuery+css3实现文字跟随鼠标的上下抖动  # jQuery实现鼠标选文字发新浪微博的方法  # javascript（基于jQuery）实现鼠标获取选中的文字示例【测试可用】  # 鼠标  # 就不  # 可以用  # 只需  # 博客  # 用了  # 很不错  # 可以使用  # 比较喜欢  # 鼠标点击  # 上来了  # javascript  # function  # type  # text  # var  # document  # ready  # a_idx  # jQuery 

相关文章： 如何在香港免费服务器上快速搭建网站？  如何在Tomcat中配置并部署网站项目？  网站微信制作软件,如何制作微信链接？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  建站之星导航菜单设置与功能模块配置全攻略  如何通过山东自助建站平台快速注册域名？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  北京网站制作网页,网站升级改版需要多久？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  如何快速生成高效建站系统源代码？  音响网站制作视频教程,隆霸音响官方网站？  微信小程序 五星评分(包括半颗星评分)实例代码  如何在IIS中新建站点并配置端口与IP地址？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  招贴海报怎么做,什么是海报招贴？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  如何选择网络建站服务器？高效建站必看指南  如何在宝塔面板中修改默认建站目录？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  C#怎么使用委托和事件 C# delegate与event编程方法  建站之星导航如何优化提升用户体验？  ui设计制作网站有哪些,手机UI设计网址吗？  建站之星北京办公室：智能建站系统与小程序生成方案解析  开心动漫网站制作软件下载,十分开心动画为何停播？  建站为何优先选择香港服务器？  c# await 一个已经完成的Task会发生什么  建站DNS解析失败？如何正确配置域名服务器？  电商平台网站制作流程,电商网站如何制作？  建站主机选虚拟主机还是云服务器更好？  如何在建站主机中优化服务器配置？  c# 在高并发场景下，委托和接口调用的性能对比  c# Task.ConfigureAwait(true) 在什么场景下是必须的  高防网站服务器：DDoS防御与BGP线路的AI智能防护方案  h5网站制作工具有哪些,h5页面制作工具有哪些？  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  佛山网站制作系统,佛山企业变更地址网上办理步骤？  b2c电商网站制作流程,b2c水平综合的电商平台？  建站之星好吗？新手能否轻松上手建站？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  制作门户网站的参考文献在哪,小说网站怎么建立？  如何通过PHP快速构建高效问答网站功能？  如何选择高效响应式自助建站源码系统？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何有效防御Web建站篡改攻击？  Python多线程使用规范_线程安全解析【教程】  用v-html解决Vue.js渲染中html标签不被解析的问题  网站按钮制作软件,如何实现网页中按钮的自动点击？  建站之星客服服务时间及联系方式如何？  如何在阿里云虚拟主机上快速搭建个人网站？  深圳防火门网站制作公司,深圳中天明防火门怎么编码？