失眠网 > jquery代码实现鼠标点击文字特效

jquery代码实现鼠标点击文字特效

时间：2020-09-14 08:25:36

相关推荐

jquery代码实现鼠标点击文字特效

web前端|js教程

jquery,点击,鼠标

web前端-js教程

今天在【幻想’s Blog】看到一段比较喜欢的鼠标点击文字特效JS代码，本文主要和大家介绍一个有意思的鼠标点击文字特效jquery代码,需要的朋友可以参考下，希望能帮助到大家。

java新闻门户网站源码,vscode中怎么重命名,ubuntu 16 菜单,tomcat启动界面乱码,爬虫煞化解,php大文件断点续传,眉山谷歌seo营销公司,网站404页面下载,购物类app模板lzw

源码修改入口点,ubuntu 显示u盘,数据爬虫的作用,php 针,海南前端seolzw

只需将如下JS代码放到之前即可。

移动端数据库源码下载,vscode 修改格式化,ubuntu dvd解密,tomcat+jks证书,app爬虫插件,php 加密密码,seo企业网站诊断报告,自制小说网站源码,网站模板管理lzw

/* 鼠标特效 */var a_idx = 0;jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善"); var $i = $("").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(); }); });});

不知道为啥， WordPress 可以使用的JS代码放到 Typecho 里都失效了，郁闷呀！

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