html 锚点

最新推荐文章于 2024-07-26 14:14:21 发布

weixin_30675247

最新推荐文章于 2024-07-26 14:14:21 发布

阅读量123

点赞数

原文链接：http://www.cnblogs.com/zhangcheng001/p/11463372.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>