最近公司需要开发个可配置的系统功能介绍插件,github上有很多类似的的插件,本想下个用就ok了,但是发现我们产品用的竟然是jq1.4,版本太低,跟不上节奏,github上找的插件基本上都是jq1.7以上的,寻思着上网查找,还不如动手自己来一个,于是乎便花了几个小时开发了个,其实开发这种插件的思路都大同小异(把变化的留给用户配置,不变的留给插件处理)
现在的功能比较简洁,有兴趣的同学可以下载源码看看,本项目的源码地址
https://github.com/javapolo/SimpleSiteTour
以下是该插件效果的部分截图
使用起来也很简单,两步就可以
首先引入依赖的文件:
<script src="weavertour/jquery_wev8.js"></script>
<link rel="stylesheet" href="weavertour/weavertour.css">
<script src="weavertour/weavertour.js"></script>
接下来就是使用了
$(function(){
var config = {
steps:[
{title:"功能一",describe:"描述信息",elid:"test",position:"right"},
{title:"功能二",describe:"描述信息1",elid:"test1",position:"top"},
{title:"功能三",describe:"<div color='red'>描述信息2</div>",elid:"test2",position:"left"},
{title:"功能四",describe:"描述信息3",elid:"test3",position:"left"}
]
}
var WeaverTour = new WeaverTour(config);
//开始导航
WeaverTour.startTour();
});
- 大小: 6.2 KB
分享到:
相关推荐
一个项目随着业务模块的不断增加,系统会越来越庞大。...面对这样的情况,首先想到的是模块化插件式开发,根据业务模块,拆分成各个独立的插件,然后分配不同开发人员开发,互相之间没有依赖完全独立。
web 3.2无插件 是使用websocket 的相关技术 , web 3.0 插件版是使用了 浏览器的npapi 技术 内容简介 Web 控件 V3.2 基于 ActiveX 和 NPAPI 开发,接口封装于 javascript 脚本,以 javascript 接口形式提供用户 集成...
WEB3.2无插件版本开发包,支持高版本谷歌、火狐浏览器,同时需要设备支持Websocket取流。无插件版本需要使用nginx代理服务器。内附开发文档
海康威视摄像头WEB无插件开发包 V3.2官方demo
sublime Web开发全部插件
基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 css开发的 web video插件.zip基于javascript 和 ...
海康摄像头 浏览器实时查看监控,二次开发,html调用web插件方法
海康web无插件开发包.zip
海康视频WEB插件开发指南
海康威视 摄像头web 新版开发文档 含插件和多种功能demo; demo可直接运行,如提示浏览器问题可注释相关代码;
实用的Myeclipse的Web开发插件
海康WEB无插件开发包 v3.2 20210918最新版
海康威视视频监控web开发最新插件包(包含实时预览和回放demo),插件支持谷歌浏览器
海康相机web无插件开发包
自己动手写Web自动化测试框架,很不错的书籍
海康WEB无插件开发包_20211014_20211019120439.zipWEB3.2无插件版本开发包,支持高版本谷歌、火狐浏览器,同时需要设备支持Websocket取流。无插件版本需要使用nginx代理服务器。
ntko插件web版
海康威视Web二次开发插件+Demo WebWeb 控件 V3.0V3.0V3.0V3.0基于 Active Active ActiveX和 NPAPI NPAPI NPAPI开发,接口封装于 开发,接口封装于 开发,接口封装于 开发,接口封装于 javascript ...
大华摄像头web插件二次开发集成demo。直播、抓图、回放、截图监控视频。已在项目中使用稳定可靠。。
pagemap.js是一款基于canvas的web页面mini导航面板插件。该插件可以为web页面制作出类似sublime编辑器右侧的mini导航面板效果。