一个有意思的鼠标点击文字特效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 

相关文章： 定制建站如何定义？其核心优势是什么？  如何通过商城自助建站源码实现零基础高效建站？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何在云主机上快速搭建网站？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  安徽网站建设与外贸建站服务专业定制方案  岳西云建站教程与模板下载_一站式快速建站系统操作指南  制作网站公司那家好,网络公司是做什么的？  网站制作软件免费下载安装,有哪些免费下载的软件网站？  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  建站之星安装后如何自定义网站颜色与字体？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  电商网站制作公司有哪些,1688网是什么意思？  如何零基础在云服务器搭建WordPress站点？  如何在Ubuntu系统下快速搭建WordPress个人网站？  如何用景安虚拟主机手机版绑定域名建站？  一键网站制作软件,义乌购一件代发流程？  建站主机系统SEO优化与智能配置核心关键词操作指南  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  ,网站推广常用方法？  建站之星如何实现PC+手机+微信网站五合一建站？  深入理解Android中的xmlns:tools属性  广平建站公司哪家专业可靠？如何选择？  怎么用手机制作网站链接,dw怎么把手机适应页面变成网页？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  实现虚拟支付需哪些建站技术支撑？  如何通过西部建站助手安装IIS服务器？  公司网站的制作公司,企业网站制作基本流程有哪些？  建站主机选择指南：服务器配置与SEO优化实战技巧  开心动漫网站制作软件下载,十分开心动画为何停播？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  临沂网站制作企业,临沂第三中学官方网站？  油猴 教程,油猴搜脚本为什么会网页无法显示？  网站制作报价单模板图片,小松挖机官方网站报价？  b2c电商网站制作流程,b2c水平综合的电商平台？  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  常州企业网站制作公司,全国继续教育网怎么登录？  打鱼网站制作软件,波克捕鱼官方号怎么注册？  ui设计制作网站有哪些,手机UI设计网址吗？  如何在建站主机中优化服务器配置？  建站之星客服服务时间及联系方式如何？  如何快速建站并高效导出源代码？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  公司网站制作价格怎么算,公司办个官网需要多少钱？  如何在阿里云部署织梦网站？  山东网站制作公司有哪些,山东大源集团官网？  建站之星Pro快速搭建教程：模板选择与功能配置指南  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  如何选择靠谱的建站公司加盟品牌？  如何快速搭建高效WAP手机网站吸引移动用户？