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>

 

posted @ 2013-05-22 22:06  Ganler1988  阅读(212)  评论(0编辑  收藏  举报