Intro.js介紹：
Intro.js是一個(gè)用于用戶引導(dǎo)的js框架，只要你在項(xiàng)目中引入intro.js和 introjs.css文件，相應(yīng)的元素上添加屬性data-step步驟 data-intro引導(dǎo)說(shuō)明文字 data-position相對(duì)位置，然后通過(guò)出發(fā)introJs().start();就可以實(shí)現(xiàn)復(fù)雜的引導(dǎo)流程。
Intro.js演示：
http://usablica.github.io/intro.js/
Intro.js下載：
https://github.com/usablica/intro.js/tags
Intro.js 使用：
?
<html>
<head>
<title>PHP點(diǎn)點(diǎn)通-http://www.phpddt.com</title>
<script src="./intro.js" type="text/javascript"></script>
<link href="./introjs.css" rel="stylesheet" type="text/css" />
<style>.div_class{width:200px;height:150px;background-color:red;margin-top:10px}</style>
<script type="text/javascript">introJs().start();</script>
</head>
<body>
<a href="javascript:javascript:introJs().start();">開(kāi)始引導(dǎo)</button>
<div class="div_class" data-step="1" data-intro="第一步介紹" data-position='right'>這里出現(xiàn)第一步引導(dǎo)</div>
<div class="div_class" data-step="2" data-intro="第二步介紹" data-position='right'>這里出現(xiàn)第二步引導(dǎo)</div>
<div class="div_class" data-step="3" data-intro="第三步介紹" data-position='right'>這里出現(xiàn)第三步引導(dǎo)</div>
</body>
</html>
?
?
效果圖：
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
