跪求实例源码

来源:6-1 页面布局

Steafan_

2015-11-19 23:32

跪求实力源码 邮箱 244007461@qq.com 谢谢大神

写回答 关注

1回答

  • 戴眼镜的粉红兔子
    2015-11-21 14:15:07
    已采纳

    <!DOCTYPE html>

    <html>


    <head>

        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

        <title>七夕主题</title>

        <link rel='stylesheet' href='http://img.mukewang.com/down/55c16d94000109f300000000.css' />

        <link rel='stylesheet' href='http://img.mukewang.com/down/55c16dab0001286100000000.css' />

        <link rel='stylesheet' href='http://img.mukewang.com/down/55c16dc00001fa1a00000000.css' />

        <link rel='stylesheet' href='http://img.mukewang.com/down/55c16dda0001113100000000.css' />

        <script type="text/javascript" src="http://img.mukewang.com/down/55ac9a860001a6c500000000.js"></script>

        <script type="text/javascript" src="http://img.mukewang.com/down/55ac9ea30001ace700000000.js"></script>

        <script type="text/javascript" src="http://img.mukewang.com/down/55c16c910001e21b00000000.js"></script>

     

      

    </head>


    <body>

        <div id='content'>

            <ul class='content-wrap'>

                <!-- 第一副画面 -->

                <li>

                    <!-- 背景图 -->

                    <div class="a_background">

                        <div class="a_background_top"></div>

                        <div class="a_background_middle"></div>

                        <div class="a_background_botton"></div>

                    </div>

                    <!-- 云 -->

                    <div class="cloudArea">

                        <div class="cloud cloud1"></div>

                        <div class="cloud cloud2"></div>

                    </div>

                    <!-- 太阳 -->

                    <div id="sun"></div>

                </li>

                <!-- 第二副画面 -->

                <li>

                    <!-- 背景图 -->

                    <div class="b_background"></div>

                    <div class="b_background_preload"></div>

                    <!-- 商店 -->

                    <div class="shop">

                        <div class="door">

                            <div class="door-left"></div>

                            <div class="door-right"></div>

                        </div>

                        <!-- 灯 -->

                        <div class="lamp"></div>

                    </div>

                    <!-- 鸟 -->

                    <div class="bird"></div>

                </li>

                <!-- 第三副画面 -->

                <li>

                    <!-- 背景图 -->

                    <div class="c_background">

                        <div class="c_background_top"></div>

                        <div class="c_background_middle"></div>

                        <div class="c_background_botton"></div>                

                    </div>

                    <!-- 小女孩 -->

                    <div class="girl"></div>

                    <div class="bridge-bottom">

                        <div class="water">

                            <div id="water1" class="water_1"></div>

                            <div id="water2" class="water_2"></div>

                            <div id="water3" class="water_3"></div>

                            <div id="water4" class="water_4"></div>

                        </div>

                    </div>

                    <!-- 星星 -->

                    <ul class="stars">

                        <li class="stars1"></li>

                        <li class="stars2"></li>

                        <li class="stars3"></li>

                        <li class="stars4"></li>

                        <li class="stars5"></li>

                        <li class="stars6"></li>

                    </ul>

                    <!-- 慕课网logo图 -->

                    <div class="logo"></div>

                </li>

            </ul>

            <!-- 雪花 -->

            <div id="snowflake"></div>

            <!-- 小男孩 -->

            <div id="boy" class="charector"></div>

        </div>

    </body>


    </html>

    在课程的最后面

    Steafa...

    非常感谢!

    2015-11-28 11:20:00

    共 1 条回复 >

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211516 学习 · 570 问题

查看课程

相似问题