今天看到一段比较有趣的鼠标点击出现自定义文字特效JS代码,感觉很不错就用到缙哥哥的博客上来了!如下图所示(这图是缙哥哥连续点了六七下鼠标的效果,实际效果更好看)
JS特效调用方法
只需将如下JS代码放到</body>之前就好了
<script type='text/javascript' src='https://api.dujin.org/js/jiazhiguan.js'></script>
该js文件已缓存至CDN,可直接调用!
也可以直接放源码
<script type="text/javascript"> /* 缙哥哥博客鼠标点击显示文字JS特效代码 https://www.dujin.org/9088.html */ 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>
如果开启 Memcached 内存缓存的小伙伴记得释放内存哦!
博客背景够我玩一天,这线……
啊哈哈哈哈哈
有些JS效果会卡。
那我现在这卡不卡