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>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。