多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

foundation教程

Foundation Joyride

閱讀 (2128)

Foundation Joyride

Joyride 是一個功能向導的 JavaScript 效果，創建實例如下：

實例

<!-- Elements that control the tour stops -->
<h3 id="first">First stop!</h3>
<h3 id="second">Second stop!</h3>

<!-- The joyride: must be placed at the bottom of your page, but inside <body> -->
<ol class="joyride-list" data-joyride>
  <li data-id="first">
    <p>First stop. The ride has begun!</p>
  </li>
  <li data-id="second">
    <h4>Second Stop</h4>
    <p>Any valid HTML will work inside the Joyride.</p>
  </li>
  <li data-button="End">
    <h4>End Stop</h4>
    <p>The tour is over. You can either go back to the previous stop or close it.</p>
  </li>
</ol>

<!-- Start Joyride Upon Initialization -->
<script>
$(document).ready(function() {
    $(document).foundation('joyride', 'start');
})
</script>

嘗試一下 ?

實例解析

以上實例中，我們創建了兩個元素，每個元素都有獨立的 ID。 兩個元素設置了 joyride 開始和結束的位置。

我們在 <ol> 或 <ul> 元素上添加 data-joyride 屬性和 .joyride-list 類來創建 joyride。你需要在文檔頭部定義它 (在 <body> 內的頭部)。在每個列表上使用 <li> 元素，每個元素添加data-id="value" 屬性。屬性的 value 必須與之前元素的 id 相同。所以第一個功能導航<h3> 元素使用 id="first" 必須與 <li> 元素的 data-id="first" 值一致。

如果你沒有管理停止的 id，將顯示一個模態框。

最后，Joyride 需要使用 JavaScript 初始化它，代碼為： $(document).foundation('joyride', 'start');

關閉
程序員人生
主站蜘蛛池模板： 亚洲久久天堂 | 国产一级理论免费版 | 爱爱网站免费 | 欧美性videostv极度另类 | 亚洲精品456人成在线 | 日韩欧美精品综合一区二区三区 | 国产精品久久久久久久久久久久 | 国产国产精品人在线观看 | 日本成人不卡视频 | 午夜久久久久久 | 最近更新中文字幕在线 | 亚洲免费看片 | 欧美丝袜高跟鞋一区二区 | 性欧美video高清熟睡 | 国产午夜精品免费一二区 | 国产亚洲综合一区二区在线 | 成人在线亚洲 | 亚洲欧美国产一区二区三区 | 天堂最新版www在线观看 | 羞羞网站在线观看 | 日本动漫片b站免费观看 | 国产欧美日韩综合精品二区 | 手机午夜看片 | 在线亚洲日产一区二区 | 国产精品乱码一区二区三区 | 精品国产日韩一区三区 | 亚洲美女视频网站 | 在线观看麻豆精品国产不卡 | 亚洲图片校园另激情类小说 | 一区二区三区免费观看 | 国产未成女年一区二区 | 最新中文字幕在线 | 国产高清一区二区三区视频 | jizz亚洲大全 | 久草一级片 | 日本大臿亚洲香蕉大片 | 中文字幕日本在线视频二区 | 一区二区视频 | 波多野结衣视频在线观看 | 黄色录像大片毛片aa | 刺激第一页720lu久久 |