bootstrap制作提示引导插件

bootstrap制作提示引导插件,第1张

Bootstrap提示引导向导提示插件Bootstrap Tour,如今很多地方需要这种引导提示插件,比如网站的新手引导、业务提示、功能提示,此插件基于Bootstrap,使用也非常简单,定义好每个步骤的标题和内容以及和指定显示的ID就可以使用了,还可以指定显示位置,浏览器兼容方面肯定是需要能支持Bootstrap的,值得推荐使用

bootstrap制作提示引导插件,第2张

使用方法:1.加载插件
<link href="bootstrap.min.css" rel="stylesheet"><link href="bootstrap-tour.min.css" rel="stylesheet"><script src="jquery.min.js"></script><script src="bootstrap.min.js"></script><script src="bootstrap-tour.min.js"></script>

2.HTML内容
<div id="demo"></div><div id="demo2"></div>

3.函数调用
<script>var tour = new Tour({  steps: [  {    element: "#demo",    placement: "bottom",    title: "Title of my step",    content: "Content of my step"  },  {    element: "#demo2",    placement: "top",    title: "Title of my step",    content: "Content of my step"  }]});// Initialize the tourtour.init();// Start the tourtour.start();</script>

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » bootstrap制作提示引导插件

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情