js 气泡提示

<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(); //开始运行向导

 

转载于:https://www.cnblogs.com/caolingyi/p/8549507.html