html5 幻灯片

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html><head>

        <title> </title>

        <meta charset="utf-8" />

        <link href="http://bartaz.github.com/impress.js/css/impress-demo.css" rel="stylesheet" />

    </head>

    <body>

        <div class="impress-not-supported">

            <div class="fallback-message">

             

            </div>

        </div>

        <div id="impress">

            <div class="step" data-x="0" data-y="0">

              肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到

            </div>

            <div class="step" data-x="1500" data-y="500">

               送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水

            </div>

            <div class="step" data-x="500" data-y="-400">

                送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水

            </div>

            <div class="step" data-x="500" data-y="-800" data-scale="0.5">

                送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水

            </div>

            <div class="step" data-x="0" data-y="-800" data-rotate="90">

                送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水5

            </div>

            <div class="step" data-x="-1200" data-y="0" data-rotate-x="30" data-rotate-y="-30" data-rotate-z="90" data-scale="4">

                送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水的发送到肤水

            </div> 

            <div id="overview" class="step" data-x="-200" data-y="-500" data-scale="3"></div>

        </div>

        <script src="http://bartaz.github.com/impress.js/js/impress.js"></script>

        <script>impress().init();</script>

    </body>

</html>

 

你可能感兴趣的:(html5)