bootstrap制作提示引导插件
Bootstrap提示引导向导提示插件Bootstrap Tour,如今很多地方需要这种引导提示插件,比如网站的新手引导、业务提示、功能提示,此插件基于Bootstrap,使用也非常简单,定义好每个步骤的标题和内容以及和指定显示的ID就可以使用了,还可以指定显示位置,浏览器兼容方面肯定是需要能支持Bootstrap的,值得推荐使用使用方法:1.加载插件
2.HTML内容
3.函数调用
<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>
0条评论