java项目怎么使用js插件_Intro.js 分步向导插件使用方法 Web程序

简介

为您的网站和项目提供一步一步的、更好的介绍

Intro.js 目前兼容 Firefox、Chrome 和 IE8，不兼容 IE6 和 IE7，后续版本将会提供更好的兼容。

在线演示及下载

使用方法

引入文件

如果需要兼容 IE，还必须添加 introjs ie.css:

HTML

在 HTML 代码中加入步骤和介绍，如：

你好，这是第二步。

欢迎，这是第一步。

很好，这是第三步。

data-step 是步骤，data-intro 是介绍。

JavaScript $(function(){

var $btn = $('.btn');

$btn.on('click', function(){

introJs().setOptions({

nextLabel: '下一步 →',

prevLabel: '← 上一步',

skipLabel: '退出'

}).start();

});

注意：上面的代码用使用 jQuery，但 Intro.js 并不是 jQuery 插件，所以它不需要 jQuery 也能运行，如果你使用的是原生 JavaScript，请修改成相应的方法。

另外，nextLabel、prevLabel 和 skipLabel 这三个参数可以省略，但省略后显示的是英文，你可以根据自己页面的语言省略或加入。

java项目怎么使用js插件_Intro.js 分步向导插件使用方法 Web程序 - 贪吃蛇学院-专业IT技术平台...相关推荐

java贪吃蛇代码idea_IntelliJ idea使用笔记 - 贪吃蛇学院-专业IT技术平台
从eclipse切换到Idea有一周时间了,真真实实感受到了idea的强大,我曾经想从eclipse切换到idea,因为使用习惯的问题放弃了,这次狠下心使用了一周,慢慢熟悉了这个强大的开发工具.在此记 ...
easyui java代码生成器,easyui+jdbc+xml模板开发自动化生成报表的java工具 - 贪吃蛇学院-专业IT技术平台...
ps:看到有同学问了一下问题,做一下答复,该实现不是web项目,大家只需要将代码集成到web项目中即可,原项目太大,不便上传.还有 jar包自己找啊呵呵采用easyui+jdbc+xml模板生成报 ...
java专业编码_java编码中的坑(记一次解决编码BUG的经历) - 贪吃蛇学院-专业IT技术平台...
1.2016年11月15日(周二),我被经理外派出差渝北金开大道,任务:解决那边的一个数据库乱码异常 2.那边的负责人描述:数据库原是utf8编码,他为了兼容emoji表情,改为utf8mb4,之后出 ...
java cxf 搭soa,WebService CXF入门问题 SOA 骑着上帝去环游 - 贪吃蛇学院-专业IT技术平台...
package deng; import javax.xml.ws.Endpoint; import com.founder.ws.HelloWorld; import com.founder.ws. ...
JAVA飞信_java调用飞信接口发短信 - 贪吃蛇学院-专业IT技术平台
java调用飞信接口发短信,看到挺好的,有利于大家做毕业设计加亮点,就发给大家了(新人发帖,不会发多个文件名,测试类就放这了) 需要这3个jar包: commons-codec-1.4.jar com ...
java贪吃蛇客户端服务器_java Socket套接字TCP编程开发服务端和客户端之间的通信 - 贪吃蛇学院-专业IT技术平台...
超级简单,没有太多实质内容的Socket服务端,客户端小程序先运行server 再运行client OK 服务端代码如下: public class Server { public static v ...
使用 Node.js、Express、AngularJS 和 MongoDB 构建一个Web程序
为什么80%的码农都做不了架构师?>>> 使用 Node.js.Express.AngularJS 和 MongoDB 构建一个实时问卷调查应用程序 2014 年 3 月 20 ...
JSP→JavaWeb简介、Tomcat服务器安装启动测试目录、Tomcat手动创建项目、开发工具MyEclipse与Eclipse配置环境、MyEclipse创建Web程序目录、修改Tomcat端口
动态网页的动态指的是能与用户进行交互 Tomcat官网http://tomcat.apache.org/ Tomcat服务器安装启动测试目录 Tomcat手动创建项目修改服务器配置生效需要重启!重启 ...
Intro.js 分步向导插件使用方法 1
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/w178191520/article/details/84181455 简介为您的网站和项目提供一步 ...
Java项目中读取properties文件，以及六种获取路径的方法
下面1-4的内容是网上收集的相关知识,总结来说,就是如下几个知识点: 最常用读取properties文件的方法 InputStream in = getClass().getResourceAsStr ...

java项目怎么使用js插件_Intro.js 分步向导插件使用方法 Web程序 - 贪吃蛇学院-专业IT技术平台...

java项目怎么使用js插件_Intro.js 分步向导插件使用方法 Web程序 - 贪吃蛇学院-专业IT技术平台...相关推荐

最新文章

热门文章