日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

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

foundation教程

Foundation Joyride

閱讀 (2132)

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');

關閉
程序員人生
主站蜘蛛池模板： 在线一区二区三区 | 国产精品成人国产乱一区 | 欧美成人久久 | 国产精品国产三级国产a | 中文字幕不卡av | 精品国产黄色片 | 亚州国产 | 在线免费av网址 | 日韩一区二区三区在线 | 黄色在线 | 在线国产一区二区 | 成人久久久精品乱码一区二区三区 | 国产一级片在线 | 国产精品一区二区三区四区在线观看 | 午夜免费激情 | 操操操干干干 | 九九精品在线 | 精品中文字幕视频 | 国产精品爱啪在线线免费观看 | 亚洲无吗在线 | 欧美日韩视频 | 亚洲精品日韩综合观看成人91 | 精品久久久久久久久久 | 欧美一区二区三区在线 | 精品中文在线 | 男女免费视频网站 | 一级毛片在线免费看 | 黄色在线免费 | 久久成人免费 | 国产精品一区二区久久 | 国产91九色 | 国产精品 - 去看片 亚洲免费黄色 | 国产成人精品午夜 | 黄色高清视频 | 在线国产精品自拍 | 99精品视频免费版的特色功能 | 动漫毛片| 欧美在线一区二区三区四区 | 免费观看亚洲 | 久久99精品国产91久久来源 | 久久国产精品免费一区二区三区 |