搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏快乐阿超
introjs
爱情沉默的地方，责任就要起作用——歌德 introjs是一个前端指引库官网：https://introjs.com/ github：https://github.com/usablica/intro.js 用法也很简单：引入： npm install intro.js --save yarn add intro.js 或者 https://unpkg.com/intro.js/minified/intro.min.js https://unpkg.com/intro.js/minified/introjs.min.css 使用： introJs().setOptions({ steps: [{ intro
40850编辑于 2022-09-27
来自专栏向治洪
前端开发如何做新手引导
1，Intro.js Intro.js是一个使用广泛的产品引导库，在Github上拥有超过21.7k的Star。具有以下特点：无依赖：不需要任何其他依赖。和其他组件库的使用流程一样，需要先在项目中使用以下命令来安装 Intro.js库。 npm install intro.js - save 按照如下的步骤开发引导功能：将 JavaScript 和 CSS 文件（intro.js 和 introjs.css）添加到项目中。将 data-intro 和 data-step 属性添加到相关的 HTML 元素，这将为特定元素启用 intro.js。接着，调用以下JavaScript 函数，启动Intro.js。 introJs().start(); 然后，使用以下附加参数在特定元素或类上调用 Intro.js启动。
3.1K31编辑于 2022-12-02
来自专栏前端实验室
三分钟开发俩引导页，老板都直呼牛逼！
这个时候就需要一个引导页来引导用户去操作，所以今天就给大家推荐一个简单易上手的引导插件——Intro.js Intro.js 介绍 Intro.js 是一个开源普通轻量级的 Javascript / 还可以设置样式、主题和动画效果，以及自定义事件和回调函数，以便在引导的不同阶段执行自定义操作安装使用使用npm安装 npm install intro.js --save 引入intro方法和样式 import intro from 'intro.js' import 'intro.js/minified/introjs.min.css' 安装 Introjs 后，有两种方法可以实现引导样式 " class="card-demo">
<div class="card__image" data-intro="<em>Intro.js</em> github：https://github.com/usablica/<em>intro.js</em>
80210编辑于 2023-09-21
来自专栏DeveWork
Intro.js：网站功能操作分布引导插件（附中文独家使用教程）
这个就是使用Intro.js 这个javascript 插件制作的。 Intro.js 简介分步指南用于向首页使用网站或者移动应用添加漂亮的分布指南效果，你在渣浪微博、扣扣空间上可能看过类似的。 Intro.js 作为一个网站功能操作分布引导插件，支持使用键盘的前后方向键导航，使用 Enter 和 ESC 键退出指南。项目地址：项目主页 GitHub 例子：官方演示 Jeff的阳台（非第一次访问请清空cookie 再访问） Intro.js 使用教程（中文版本，独家发布）基础教程首先是下载压缩包，里面有两个文件最重要：intro.js 跟introjs.css。
7.3K90发布于 2018-01-19
来自专栏若川视野
如何实现前端新手引导功能？
Intro.js Intro.js 是一个使用广泛的产品引导库，它在 Github 上拥有 21.6k Star。其具有以下特点：无依赖：它不需要任何其他依赖。可以通过以下命令来安装 Intro.js： npm install intro.js - save 安装完成后，只需三个简单的步骤即可将其添加到项目中：将 JavaScript 和 CSS 文件（intro.js 这将为特定元素启用 intro.js。调用以下 JavaScript 函数： introJs().start(); 可以使用以下附加参数在特定元素或类上调用 Intro.js： introJs(".introduction-farm"). start(); Github：https://github.com/usablica/intro.js shepherd Shepherd 在 Github 上拥有 10.7k GitHub Star
3.8K60编辑于 2023-02-03
来自专栏马洪彪
jeecgboot-vue3-AntDesign笔记（十二）——引导功能
应用效果实现代码引入 import intro from 'intro.js'; import 'intro.js/minified/introjs.min.css'; 添加引导按钮 <a-button
73340编辑于 2022-06-01
来自专栏秋风的笔记
王者荣耀是如何手把手让你上头的
intro.js 优势: 拥有丰富的蒙层引导示例，可自定义主题缺点: 个人免费，商业需要付费。 ? driver.js 优势: MIT 开源，拥有与 intro.js 差不多的功能。缺点: 示例没有 intro.js 丰富。 ? 综合来讲的话，driver.js 优势比较明显（因为可以商用~）。
1.6K20发布于 2020-11-09
来自专栏游戏杂谈
用JSLint+Ant检验HTML代码
inputencoding}" outputencoding="${outputencoding}"> <filelist dir="${src}" files="<em>intro.js</em>
69930发布于 2018-11-15
来自专栏喵喵侠的社区活动征文
手把手教你用 Driver.js 搞定“新手引导”
刚开始我上网搜了一圈方案，市面上比较成熟的库主要有Intro.js、Shepherd.js和Driver.js。技术选型在决定用哪个库之前，我简单对比了一下：Intro.js：老牌劲旅，功能很全，文档也详细。但它的商业许可证（License）比较严格，如果是商业项目，需要特别确认是否合规。
21610编辑于 2026-01-12
来自专栏Zkeq
日常｜IMYAI文本处理工具箱开源随记
创建 buttons 代码当然还有一些 CSS 用于实现全部所用到份数然后就实现了在各个屏幕下都能正常显示的效果 2.2 增加一些拖拽效果代码不是很难粘贴如下同时适配了移动端 2.3 使用 Intro.js
30200编辑于 2025-08-19
来自专栏九彩拼盘的叨叨叨
前端组件整理
用户体验增强类 Intro.js 用来介绍网站的功能很不错。也可以做新手引导。 blockUI Lolding组件。 simple-hint 提示信息。用css做的。兼容性IE 9+。
14.3K40发布于 2018-08-27
来自专栏前端儿
前端自动化工具 -- Grunt 使用简介
grunt.initConfig({ concat: { options: { separator: ';', }, dist: { src: ['src/intro.js
2.3K10发布于 2018-09-03
来自专栏Vue中文社区
动图展示 60+ 个前端常用插件库合集
reveal.js-网页变简报官网：REVEAL.JS Intro.js-网站导航官网：Intro.js 优化网站的导航功能，提供步骤指南给浏览者，强化网站的用户体验。
8.2K40发布于 2021-07-05
来自专栏学习之旅
【教程】新的Selenium！整合了隐藏浏览器指纹等功能
self.create_introjs_tour(name=None) # 创建 Intro.js 导览。 self.set_introjs_colors(theme_color=None, hover_color=None) # 设置 Intro.js 导览颜色。
1.9K10编辑于 2024-07-15
来自专栏琯琯博客
awesome-javascript-cn
官网览和引导 intro.js：这是一个介绍新功能的很好方式，能一步步地引导用户浏览你的网站和项目。官网 shepherd：通过引导让用户浏览你的应用程序。
12.5K80发布于 2018-05-09
来自专栏超级架构师
「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源
旅游和指南 intro.js - 为您的网站和项目提供新功能介绍和分步用户指南的更好方法。 shepherd - 引导您的用户浏览您的应用。
9.1K21发布于 2019-09-18
来自专栏超级架构师
「沙里淘金」精选浏览器端JavaScript库资源推荐
旅游和指南 intro.js - 为您的网站和项目提供新功能介绍和分步用户指南的更好方法。 shepherd - 引导您的用户浏览您的应用。
8.3K20发布于 2020-08-19