国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

bigSlide 插件應用

MrZONT / 1009人閱讀

摘要：一插件官網二基本代碼側邊欄控制開關用一個標簽來控制側邊欄的開關。插件初始化最后則需要在標簽尾部加上初始化插件的代碼。另外側邊欄并不需要隨著頁面的上下滾動始終顯示在視口中，所以默認的這個語句并不需要。

一、 插件官網

bigSlide.js

二、 基本代碼 側邊欄控制開關

用一個 標簽來控制側邊欄的開關。#menu 用來指向 id 為 menu 的側邊欄，menu-link 為這個 標簽的類名。

☰
側邊欄代碼實例

側邊欄代碼如下，由于需要實現的效果各不相同，所以各個

  • 標簽中設置的 style 并不一樣，這樣的代碼看起來很亂，其實還是應該寫在css中，并根據效果進行分類。

    引入 JS 文件

    文件中還需引入所需的 jQuery 庫以及 bigSlide 插件。
    插件初始化

    最后則需要在 標簽尾部加上初始化插件的代碼。

    三、 樣式自定義 側邊欄定位設置

    作為側邊欄的

      標簽類名為 panel，因為初始狀態下需要讓該標簽隱藏在頁面視口之外，所以需要作如下設置。另外側邊欄并不需要隨著頁面的上下滾動始終顯示在視口中，所以默認的 position: fixed; 這個語句并不需要。

      .panel {
  left: -20em; /*left or right and the width of your navigation panel*/
  width: 20em; /*should match the above value*/
}
      行內元素等寬分布

      最后一個

    • 標簽中的
      標簽設置為了 even 這個類，是為了讓
      標簽中的多個 元素等寬分布，代碼如下：

      /* http://stackoverflow.com/questions/7245018/how-to-evenly-distribute-elements-in-a-div-next-to-each-other
將需要均勻分布的元素的外部 div 設置為 table，
table-layout 設置為 fixed，可讓各元素占據相同寬度 */
    div.even {
    display: table;
    width: 100%;
    table-layout: fixed; /* 各子元素寬度相同 */
}
div.even span {
    display: table-cell;
    text-align: center;
}

      文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

      轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/115283.html

      相關文章

      • bigSlide 插件應用

        摘要：一插件官網二基本代碼側邊欄控制開關用一個標簽來控制側邊欄的開關。插件初始化最后則需要在標簽尾部加上初始化插件的代碼。另外側邊欄并不需要隨著頁面的上下滾動始終顯示在視口中，所以默認的這個語句并不需要。 一、 插件官網 bigSlide.js 二、 基本代碼 側邊欄控制開關 用一個 標簽來控制側邊欄的開關。#menu 用來指向 id 為 menu 的側邊欄，menu-link 為這個 ...

        caspar 評論0 收藏0

      • bigSlide 插件應用

        摘要：一插件官網二基本代碼側邊欄控制開關用一個標簽來控制側邊欄的開關。插件初始化最后則需要在標簽尾部加上初始化插件的代碼。另外側邊欄并不需要隨著頁面的上下滾動始終顯示在視口中，所以默認的這個語句并不需要。 一、 插件官網 bigSlide.js 二、 基本代碼 側邊欄控制開關 用一個 標簽來控制側邊欄的開關。#menu 用來指向 id 為 menu 的側邊欄，menu-link 為這個 ...

        XBaron 評論0 收藏0

      • 用 JS 更改元素的屬性

        摘要：設置側邊欄定位有了中間內容區域頂部與頁面最上方的距離，以及頁面頂部導航欄的高度，側邊欄需要向下移動的距離很容易就算出來了。 用 bigSlide 生成的可滑動側邊欄需要更改其定位和高度屬性，更改定位令其與中間內容區域的頂部對齊，更改高度令其與中間內容區域的底部對齊。這個問題可以拆分為下面幾個需求來依次實現： 更改側邊欄定位 獲取中間內容區域頂部與頁面最上方的距離 通過結合 CSS 選擇...

        chanjarster 評論0 收藏0

      • 個人文章分類整理

        摘要：春節閑來無事，看看自己在上寫的文章，想不到已經篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 春節閑來無事，看看自己在SegmentFault上寫的文章，想不到已經20篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

        OnlyLing 評論0 收藏0

      • 個人文章分類整理

        摘要：春節閑來無事，看看自己在上寫的文章，想不到已經篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 春節閑來無事，看看自己在SegmentFault上寫的文章，想不到已經20篇了，各方面的都有，那就分類整理一下吧，也方便自己和別人查看。 CSS CSS Background-Size 屬性小記 [譯]關于垂直居中 Vertical Align 的探討 [譯]CSS 居中（...

        v1 評論0 收藏0

      發表評論

      0條評論

    • 最新活動
    閱讀需要支付1元查看
    <