为了账号安全,请及时绑定邮箱和手机立即绑定

跪求实例源码

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

正在回答

1 回答

<!DOCTYPE html>

<html>


<head>

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

    <title>七夕主题</title>

    <link rel='stylesheet' href='http://img1.sycdn.imooc.com//down/55c16d94000109f300000000.css' />

    <link rel='stylesheet' href='http://img1.sycdn.imooc.com//down/55c16dab0001286100000000.css' />

    <link rel='stylesheet' href='http://img1.sycdn.imooc.com//down/55c16dc00001fa1a00000000.css' />

    <link rel='stylesheet' href='http://img1.sycdn.imooc.com//down/55c16dda0001113100000000.css' />

    <script type="text/javascript" src="http://img1.sycdn.imooc.com//down/55ac9a860001a6c500000000.js"></script>

    <script type="text/javascript" src="http://img1.sycdn.imooc.com//down/55ac9ea30001ace700000000.js"></script>

    <script type="text/javascript" src="http://img1.sycdn.imooc.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>

在课程的最后面

0 回复 有任何疑惑可以回复我~
#1

Steafan_ 提问者

非常感谢!
2015-11-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
H5+JS+CSS3实现七夕言情
  • 参与学习       211504    人
  • 解答问题       570    个

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

进入课程

跪求实例源码

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号