日韩久久久精品,亚洲精品久久久久久久久久久,亚洲欧美一区二区三区国产精品 ,一区二区福利

Intro.js輕松搞定頁面引導流程

系統 3056 0

Intro.js介紹: Intro.js是一個用于用戶引導的js框架,只要你在項目中引入intro.js和 introjs.css文件,相應的元素上添加屬性data-step步驟 data-intro引導說明文字 data-position相對位置,然后通過出發introJs().start();就可以實現復雜的引導流程。
Intro.js演示: http://usablica.github.io/intro.js/
Intro.js下載: https://github.com/usablica/intro.js/tags
Intro.js 使用:

?

          <html>
    <head>
    <title>PHP點點通-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();">開始引導</button>
    <div class="div_class" data-step="1" data-intro="第一步介紹" data-position='right'>這里出現第一步引導</div>
    <div class="div_class" data-step="2" data-intro="第二步介紹" data-position='right'>這里出現第二步引導</div>
    <div class="div_class" data-step="3" data-intro="第三步介紹" data-position='right'>這里出現第三步引導</div>
    </body>
    </html>
    

?

?

效果圖:

Intro.js輕松搞定頁面引導流程

Intro.js輕松搞定頁面引導流程


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 渝北区| 包头市| 金山区| 泽州县| 轮台县| 莱阳市| 历史| 普格县| 五莲县| 保德县| 驻马店市| 齐齐哈尔市| 阳新县| 汽车| 永泰县| 金湖县| 札达县| 敖汉旗| 辉南县| 扶沟县| 山东省| 金山区| 赤峰市| 图木舒克市| 安丘市| 朝阳县| 桦甸市| 河池市| 德安县| 沙坪坝区| 临沂市| 莱州市| 赤城县| 巴塘县| 古浪县| 绍兴县| 全椒县| 临高县| 鸡东县| 保康县| 微山县|