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 里都失效了,郁闷呀!
这个效果一般大网站就不用了,一般用于个人博客还是不错的。
相关推荐:
js如何实现变形金刚文字特效代码分享
7个典型的文字特效案例总结
5款酷炫、实用的网页文字特效下载推荐(收藏)