草根吧鼠标点击特效"富强""民主""文明"实现方法与应用

民审-M · 发表于 2018-3-1 09:21:56

草根吧鼠标点击特效："富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善" 点击显示效果应用：

应用效果如图所示：
草根吧鼠标点击特效.jpg

代码：

<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>

复制代码

应用方法：

游客，如果您要查看本帖隐藏内容请回复

心潮澎湃 · 发表于 2018-3-1 16:19:37

哈哈哈哈哈哈

南国小生 · 发表于 2018-3-1 19:11:25

这个不错

None · 发表于 2018-3-1 19:53:12

支持一下谢谢

害怕了 · 发表于 2018-3-2 08:47:15

在草根能学习更多东东

JULIAN · 发表于 2018-3-2 11:10:19

学习看看。。。

银滩V网事 · 发表于 2018-3-12 17:25:48

看看学习下

不曾止步 · 发表于 2018-3-13 22:46:09

看看学习下

多撒 · 发表于 2018-4-9 17:01:23

进来学习学习

多撒 · 发表于 2018-4-9 17:14:44

没成功，提示jquery未定义

[HTML+CSS+JS特效] 草根吧鼠标点击特效"富强""民主""文明"实现方法与应用