js 气泡提示

Posted 2020-10-27 caolingyi

<link href="~/js/bootstrap-tour-standalone.min.css" rel="stylesheet" type="text/css" />
<script src="~/js/bootstrap-tour-standalone.js"></script>

bootstrap-tour-standalone.min.css

bootstrap-tour-standalone.js

var tour = new Tour({
                storage: false, //相关可选项目值：window.localStorage(缺省), window.sessionStorage ，false　或者自定义obj
                steps: [{
                    element: \'#btn1\',
                    title: \'历史趋势图\',
                    content: \'点击标题或图片可进入历史趋势图的页面, 横坐标代表年份，纵坐标代表文件数量。可按时间段检索各年中三个关键词出现的文件数量，以可视化数据形态展现。\',
                    backdrop: true,
                }, {
                    element: \'#exportArchive\',
                    title: \'导出键\',
                    content: \'点选各行源数据前的复选框并单击“导出”按钮即可将源数据以excel文件形式批量导出。\',
                    backdrop: true,
                }]
            });
            tour.init(); //初始化这个向导，这个必须滴
            tour.start(); //开始运行向导