前言:
而今姐妹们对“js中输出”大概比较关切,你们都需要了解一些“js中输出”的相关内容。那么小编在网摘上汇集了一些有关“js中输出””的相关文章,希望我们能喜欢,大家一起来学习一下吧!正确(顺序)输出社会主义核心价值观的鼠标点击效果
请事先引入jQuery
/* 顺序输出社会主义核心价值观(鼠标点击效果) */$(function () { (function () { const arr = [ '富强', '民主', '文明', '和谐', '自由', '平等', '公正', '法治', '爱国', '敬业', '诚信', '友善' ]; const inc = () => { var num = 0; return () => { if (num > arr.length - 1) { num = 0; } return num++; }; }; const idx = inc(); $(document.body).click(function (e) { var x = e.pageX, y = e.pageY; $('<i/>') .text(arr[idx()]) .css({ zIndex: 10000, top: y - 20, left: x, position: 'absolute', fontWeight: 'bold', color: '#999' }) .appendTo(this) .animate({ top: y - 120, opacity: 0 }, 1000, function () { $(this).remove(); }); }); })();});
效果如下:
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #js中输出