第23节 html页面过渡效果

最新推荐文章于 2025-06-25 09:11:27 发布

原创最新推荐文章于 2025-06-25 09:11:27 发布 · 4.4k 阅读

6 ·

CC 4.0 BY-SA版权

Html+css 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一个简单的网页设计案例，通过使用HTML与元标签实现页面之间的过渡效果。具体展示了如何设置不同页面的进入与退出动画，包括淡入淡出等视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页过渡效果

首页

<html>
    <head>
        <title>首页</title>
    </head>
    <body align=center>
        欢迎来到首页！
        <br/>
    <a href="第一页.html">第一页</a>
    &nbsp
    <a href="第二页.html">第二页</a>
    </body>
</html>

第一页

<html>
    <head>
        <title>第一页</title>
        <meta http-equiv="page-Enter" content="revealTrans(Duration=3.0,Transition=23)">
        <meta http-equiv="page-Exit"content="revealTrans(Duration=1.0,Transition=12)">
    </head>
    <body bgcolor=gray>
        <a href="首页.html">返回上一页</a>
        <br/><br/>
        <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png">
    </body>
</html>

第二页

<html>
    <head>
        <title>第二页</title>
        <meta http-equiv="page-Enter" content="revealTrans(Duration=3.0,Transition=23)">
    </head>
    <body bgcolor=yellow>
        <a href="首页.html">返回上一页</a>
        <br/><br/>
        <img src="file:///C:/Users/MiIo/AppData/Roaming/Baidu/BaiduBrowser/common/blank_tab/e12dd81f1f1c17d8f95c2a0604200214.png">
    </body>
</html>