一个有意思的鼠标点击文字特效jquery代码
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效JS代码,感觉很不错就用到博客上来了!喜欢的站长也可以用一下感觉一下!
只需将如下JS代码放到</body>
之前即可。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <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 里都失效了,郁闷呀!
这个效果一般大网站就不用了,一般用于个人博客还是不错的。
![](http://files.jb51.net/skin/2018/images/jb51ewm.png)
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
相关文章
jQuery实现限制textarea文本框输入字符数量的方法
这篇文章主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下2015-05-05JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
分别定义三个class为increaseFont、decreaseFont、resetFont 的元素。为其click事件添加事件2012-03-03
最新评论