ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果

// 创建文字+图片标注
    createElement("textAndPictureMarker");
    // 创建普通图片标注
    createElement("pictureMarker");
    // 创建文字标注
    createElement("textMarker");

    // 跳跃动画
    new THING.widget.Button('跳跃动画开启', function () {
        // 获取按钮value值，进行改变
        var posInfo = document.querySelectorAll("#widget_root input");
        if (posInfo[1].value == "闪烁动画关闭") {
            posInfo[1].value = "闪烁动画开启";
        }
        if (posInfo[2].value == "关闭发光") {
            posInfo[2].value = "图片标注发光";
        }

        // 如果闪烁动画/图片标注发光开启中，先关闭闪烁动画/图片标注发光，再开启跳跃动画
        $('.textAndPictureMarker').removeClass('scaleAnimation');
        $('.pictureMarker').removeClass('scaleAnimation');
        $('.textMarker').removeClass('scaleAnimation');
        $('#box').css('display', 'none');

        // 跳跃动画开启/关闭
        if (posInfo[0].value == "跳跃动画开启") {
            $('.textAndPictureMarker').addClass('moveAnimation');
            $('.pictureMarker').addClass('moveAnimation');
            $('.textMarker').addClass('moveAnimation');
            posInfo[0].value = "跳跃动画关闭";
        } else {
            $('.textAndPictureMarker').removeClass('moveAnimation');
            $('.pictureMarker').removeClass('moveAnimation');
            $('.textMarker').removeClass('moveAnimation');
            posInfo[0].value = "跳跃动画开启";
        }
    })