久久蜜桃,牲欲强的熟妇喷水熟妇乱,麻豆国产96在线日韩麻豆,日本高清视频www

首頁(yè)
  1. 當(dāng)前位置：
  2. 首頁(yè)
  3. 技術(shù)部落
  4. HTML編輯代碼之快速分頁(yè)的實(shí)現(xiàn)

HTML編輯代碼之快速分頁(yè)的實(shí)現(xiàn)

快速分頁(yè) 2018-04-13 5780

對(duì)于程序技術(shù)人員處理一些比較多的數(shù)據(jù)時(shí)，有時(shí)候一頁(yè)放不下，那么這個(gè)時(shí)候往往要用到分頁(yè)顯示，就像平常我們翻看有一些新聞資訊一樣，有下一頁(yè)，下二頁(yè)等等，那么今天app開發(fā)報(bào)價(jià)燚軒科技跟大家分享的就是如何快速實(shí)現(xiàn)分頁(yè)技術(shù)，下面就進(jìn)入到正題吧。

代碼實(shí)現(xiàn)部分：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <script src="jquery.min.js"></script>

    <script src="fenye.js"></script>

    <link rel="stylesheet" href="fenye.css">

    <style>

        main {

            width: 1024px;

            margin: 0 auto;

        }

        .fenye {

            padding: 10px;

            border: 1px solid red;

            margin: 10px 0;

        }

        .one {

            border: 1px solid black;

            margin: 30px 0;

            display: block;

            color: black;

            display: flex;

            justify-content: center;

        }

        .pages {

            border: 1px solid red;            

        }

    </style>    

</head>

<body>

    <main>

        <div class="main">

            <div class="fenye">

                <div class="one">1</div>

                <div class="one">2</div>

                <div class="one">3</div>

                <div class="one">4</div>

                <div class="one">5</div>

                <div class="one">6</div>

            //  有幾個(gè)分頁(yè)就寫幾個(gè)分頁(yè)

            </div>

            <div class="pages">

            </div>

        </div>

    </main> 

    <script>

            //  需要引入Jquery

            //          循環(huán)    上一頁(yè)下一頁(yè)的容器  每頁(yè)顯示幾個(gè)

            fenye(   $(".one"),    $(".pages"),      4     )

    </script>

</body>

</html>

那么看完之后大家可以開始嘗試去實(shí)現(xiàn)以下了，如果還存在一些不清楚的地方的話，可以留言咨詢我們，我們會(huì)很快幫您解答的。

分享到微信朋友圈 +
打開微信，點(diǎn)擊底部的“發(fā)現(xiàn)”，使用 “掃一掃” 即可將網(wǎng)頁(yè)分享到我的朋友圈。 如何使用？
推薦文章

熱貼More +

服務(wù)范圍More +

聯(lián)系我們

請(qǐng)掃二維碼聯(lián)系客服

854221200@qq.com

185-3825-9583

QQ客服

關(guān)于  ·  招聘  ·  案例中心  ·  網(wǎng)站地圖

?@2018 燚軒科技版權(quán)所有 豫ICP備16015002號(hào)-4

百度提供搜索支持

燚軒軟件科技