zoukankan      html  css  js  c++  java
  • html 锚点

      锚点的使用可以实现本页面内容的跳转,经常会见到的就是页面右下方的返回顶部按钮

      

       示例

      

       代码

      

    <!doctype html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>锚点链接</title>
    </head>
    
    <body>
        <div>
            <h3><a href="#music">音乐</a></h3>
            <h3><a href="#movie">电影</a></h3>
            <h3><a href="#game">游戏</a></h3>
        </div>
    
        <br><br><br><br>
    
        <div id="music">
            <h3>音乐</h3>
            <ul>
                <li>我的歌声里</li>
                <li>光辉岁月</li>
                <li>双节棍</li>
                <li>清明雨上</li>
            </ul>
        </div>
        <br><br><br><br>
        <div id="movie">
            <h3>电影</h3>
            <ul>
                <li>变形金刚4</li>
                <li>加勒比海盗4</li>
                <li>狄仁杰之通天帝国</li>
                <li>指环王3</li>
            </ul>
        </div>
        <br><br><br><br>
        <div id="game">
            <h3>游戏</h3>
            <ul>
                <li>穿越火线</li>
                <li>英雄联盟</li>
                <li>地下城</li>
                <li>三国杀</li>
            </ul>
        </div>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </body>
    
    </html>
    ╰︶﹉⋛⋋⊱⋋๑๑⋌⊰⋌⋚﹉︶╯
  • 相关阅读:
    四十八.监控概述 、 Zabbix基础 、 Zabbix监控服务
    123D
    bzoj3879
    bzoj1699
    LA6878
    uoj#149
    687C
    codeforces round #424 div2
    803E
    713C
  • 原文地址:https://www.cnblogs.com/zhangcheng001/p/11463372.html
Copyright © 2011-2022 走看看