JQuery 实现鼠标点击特效”富强””民主””文明”方法
就像这个样子的
百度了一下 发现还是实现还是比较简单的(当然我也不会),但是copy 是程序员最喜欢的事,所以我就转载这个文章,也当是自己的一个小笔记,贴上代码
js 部分的代码
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 31 32 33 34 35 36 37 38 39 40 41 42 43
| <script> 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" : 999999, "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>
|
实际演示效果
点我查看效果