bootstrap制作提示引导插件


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

使用方法: 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>

注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。

关键词:

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享