W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
Joyride 是一個功能向導的 JavaScript 效果,創(chuàng)建實例如下:
以上實例中,我們創(chuàng)建了兩個元素,每個元素都有獨立的 ID。 兩個元素設置了 joyride 開始和結束的位置。
我們在 <ol>
或 <ul>
元素上添加 data-joyride
屬性和 .joyride-list
類來創(chuàng)建 joyride。你需要在文檔頭部定義它 (在 <body>
內的頭部)。在每個列表上使用 <li>
元素,每個元素添加data-id="value"
屬性。屬性的 value 必須與之前元素的
id 相同。所以第一個功能導航<h3>
元素使用 id="first" 必須與 <li> 元素的 data-id="first" 值一致。
如果你沒有管理停止的 id,將顯示一個模態(tài)框。
最后,Joyride 需要使用 JavaScript 初始化它,代碼為: $(document).foundation('joyride', 'start');
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: