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

 

posted @   caolingyi  阅读(571)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示