JS代码放到全局内容页尾(全局 : html > body ( footer_js_after ))
- <script>
- !function() {
- var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"],
- index = Math.floor(Math.random() * coreSocialistValues.length);
- document.body.addEventListener('click', function(e) {
- if (e.target.tagName == 'A') {
- return;
- }
- var x = e.pageX,
- y = e.pageY,
- span = document.createElement('span');
- span.textContent = coreSocialistValues[index];
- index = (index + 1) % coreSocialistValues.length;
- span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #1976d2; top: ', y - 20, 'px; left: ', x, 'px;'].join('');
- document.body.appendChild(span);
- animate(span);
- });
-
-
- function animate(el) {
- var i = 0,
- top = parseInt(el.style.top),
- id = setInterval(frame, 16.7);
-
-
- function frame() {
- if (i > 180) {
- clearInterval(id);
- el.parentNode.removeChild(el);
- } else {
- i += 2;
- el.style.top = top - i + 'px';
- el.style.opacity = (180 - i) / 180;
- }
- }
- }
- }()
- </script>