zoukankan      html  css  js  c++  java
  • HTML锚点参考II

    锚点使用:<a href="#a">会直接找到id为a的元素的位置,不需要其他设置。如此简单!

    <a href="#a">
        <li>
            <p>七月流火,八月未央</p>
            <span>作者-胡依衡</span>
        </li>
    </a>
    <a href="#b">
        <li>
            <p>关于等候时间</p>
            <span>作者-吴雨晨</span>
        </li>
    </a>
    <a href="#c">
        <li>
            <p>博学之 审问之 慎思之 明辨之 笃行之</p>
            <span>作者-陈倩雯</span>
        </li>
    </a>
    
    <ul>
        <li id="a">
            <h2>七月流火,八月未央</h2>
            <div>作者-胡依衡</div> 
            <div class="font2" style="display: none">
                <p>犹记得报到那天,......</p>
            </div>
            <a href="javascript:;" class="open-a">阅读全文</a>
        </li>
        <li id="b">
            <h2>关于等候时间</h2>
            <div>作者-吴雨晨</div>
            <div class="font1"> 
                <p>我所在的凉城路支行营业厅有四个综合柜......</p>
            </div>
            <a href="javascript:;" class="open-a">阅读全文</a>
        </li>
    
        <li id="c">
            <h2>博学之 审问之 慎思之 明辨之 笃行之</h2>
            <div>作者-陈倩雯</div>
            <div class="font1">
                <p>博学之.....</p> 
            </div> 
            <a href="javascript:;" class="open-a">阅读全文</a>
        </li>
    </ul>
  • 相关阅读:
    java基础(4)--javadoc文档与命令
    java基础(3)--pulic class与class的区别
    java基础(2)--main方法讲解
    java基础(1)--注释
    shell 测试文件状态运算符
    shell 算术运算符
    linux free命令详解
    shell 基本语法
    linux vim编辑器优化
    linux shell介绍
  • 原文地址:https://www.cnblogs.com/eric-qin/p/4431633.html
Copyright © 2011-2022 走看看