91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

利用錨點制作簡單索引效果

發布時間:2020-06-20 00:40:51 來源:網絡 閱讀:236 作者:張立達 欄目:網絡安全

【功能說明】

  點擊按鈕時,頁面跳轉到對應區域

 

【HTML代碼說明】

   【1】【主體框架】

利用錨點制作簡單索引效果

<div class="box" id="box">    /*最外邊再套一層div,是為了隱藏滾動條*/
    <div class="listWrapOut">         /*將詳細信息框外邊再套一層div,是為了限制展示區的高度*/
        <div class="listWrap">            /*詳細信息框*/
            <ul class="list">                            
            </ul>        
        </div>
    </div>    /*控制框*/
    <nav class="conList">        /*設置href為#a,意思是點擊該標簽頁面將跳轉到名稱為a的錨點上*/
        <a href="#a" class="con">A</a>
        <a href="#b" class="con">B</a>
        <a href="#c" class="con">C</a>
        <a href="#d" class="con">D</a>
        <a href="#e" class="con">E</a>
    </nav>
</div>

利用錨點制作簡單索引效果

 

  【2】【詳細信息列舉】

利用錨點制作簡單索引效果

//A信息,設置id為a,意思是將該錨點命名為a<li class="in" id="a">    //標題
    <h3 class="in-tit">A</h3>    //內容
    <div class="in-txt">A.1</div>
    <div class="in-txt">A.2</div>
    <div class="in-txt">A.3</div>
    <div class="in-txt">A.4</div>
    <div class="in-txt">A.5</div>
</li>
<li class="in" id="b">
    <h3 class="in-tit">B</h3>
    <div class="in-txt">B.1</div>
    <div class="in-txt">B.2</div>
    <div class="in-txt">B.3</div>
    <div class="in-txt">B.4</div>
    <div class="in-txt">B.5</div>
</li>

利用錨點制作簡單索引效果

 

【CSS重點代碼說明】

利用錨點制作簡單索引效果

//設置寬度比子級寬度窄20px,及設置overflow:hidden達到隱藏滾動條并可以滾動的效果.listWrapOut{
    width: 480px;
    overflow: hidden;
}//使顯示出高度為280px,背景顏色為#ccc.listWrap{
    overflow:auto;
    height: 280px;
    background-color: #ccc;    
    width: 500px;

}//通過設置計算后的高度值,使詳細信息框里的每個錨點將鏈接時,都可以正好到達信息框的頂部.list{
    height: 1080px;
}

利用錨點制作簡單索引效果

 

【效果展示】


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

福安市| 佛学| 洞头县| 都匀市| 高陵县| 勐海县| 汉源县| 平湖市| 平定县| 治多县| 鸡西市| 衡水市| 甘孜县| 额济纳旗| 蓬溪县| 南和县| 宁阳县| 泽州县| 肥西县| 项城市| 荔浦县| 安塞县| 奇台县| 阳城县| 汉中市| 犍为县| 张家界市| 江陵县| 抚州市| 建湖县| 满洲里市| 锡林浩特市| 剑河县| 大渡口区| 永丰县| 五家渠市| 宝鸡市| 繁昌县| 綦江县| 呼和浩特市| 祥云县|