一个有意思的鼠标点击文字特效jquery代码
更新时间：2017年09月23日 13:57:16 投稿：mdxy-dxy
这篇文章主要介绍了一个有意思的鼠标点击文字特效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 里都失效了，郁闷呀！
这个效果一般大网站就不用了，一般用于个人博客还是不错的。
相关文章
jQuery实现限制textarea文本框输入字符数量的方法
这篇文章主要介绍了jQuery实现限制textarea文本框输入字符数量的方法,涉及jQuery键盘事件及页面元素的相关操作技巧,需要的朋友可以参考下2015-05-05
这篇文章主要为大家详细介绍了Jquery Easyui表单组件Form的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jQuery操作JSON的CRUD用法,实例分析了jQuery进行CURD的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要为大家详细介绍了jQuery实现滑动开关效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下2019-02-02
JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)
分别定义三个class为increaseFont、decreaseFont、resetFont 的元素。为其click事件添加事件2012-03-03
这篇文章主要介绍了jQuery 同时获取多个标签的指定内容并储存为数组的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容2014-01-01
这篇文章主要介绍了动态调用css文件——jquery的应用2007-02-02
这篇文章主要介绍了jQuery实现仿Alipay支付宝首页全屏焦点图切换特效,涉及jQuery插件jquery.kinMaxShow的相关使用技巧,非常具有实用价值,需要的朋友可以参考下2015-05-05
最新评论