JavaScript实现鼠标点击特效"富强""民主""文明"的方法

昨天有一个朋友问到本站 爱国的点击特效,下面来分享一下实现方法。

效果:

JavaScript实现鼠标点击特效"富强""民主""文明"的方法

代码:

在网站合适的地方插入

<script>$(function() { var a_idx = 0, b_idx = 0; c_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"), b = new Array("#09ebfc", "#ff6f6f", "#ffc61b", "#51ff65", "#5197ff", "#a551ff", "#ff51f7", "#ff518e", "#9f0010", "#666666"), c = new Array("12"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; b_idx = (b_idx + 1) % b.length; c_idx = (c_idx + 1) % c.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999, "top": y - 20, "left": x, "position": "absolute", "font-weight": "bold", "font-size": c[c_idx] + "px", "color": b[b_idx] }); $("body").append($i); $i.animate({ "top": y - 120, "opacity": 0 }, 1200, function() { $i.remove(); }); }); }); var _hmt = _hmt || []; })</script>

分类

返回列表

蜀ICP备17038978号