全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

一个有意思的鼠标点击文字特效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标签不被解析的问题  网站按钮制作软件,如何实现网页中按钮的自动点击?  建站之星客服服务时间及联系方式如何?  如何在阿里云虚拟主机上快速搭建个人网站?  深圳防火门网站制作公司,深圳中天明防火门怎么编码? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。