亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

正在回答

1 回答

<!DOCTYPE html>

<html>


<head>

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

? ? <title>七夕主題</title>

? ? <link rel='stylesheet' />

? ? <link rel='stylesheet' />

? ? <link rel='stylesheet' />

? ? <link rel='stylesheet' />

? ? <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實現七夕言情
  • 參與學習       211515    人
  • 解答問題       570    個

為七夕節準備的H5+JS+CSS3特效案例,由淺入深案例拆分講解

進入課程

跪求實例源碼

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號