龙空技术网

正确输出社会主义核心价值观 by js

爱学习的小懒猪 65

前言:

而今姐妹们对“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中输出