課程
/前端開發
/HTML/CSS
/H5+JS+CSS3實現七夕言情
跪求實力源碼 郵箱 [email protected] 謝謝大神
2015-11-19
源自:H5+JS+CSS3實現七夕言情 6-1
正在回答
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title>七夕主題</title>
? ? <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 id="sun"></div>
? ? ? ? ? ? </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 class="bird"></div>
? ? ? ? ? ? <!-- 第三副畫面 -->
? ? ? ? ? ? ? ? <div class="c_background">
? ? ? ? ? ? ? ? ? ? <div class="c_background_top"></div>
? ? ? ? ? ? ? ? ? ? <div class="c_background_middle"></div>
? ? ? ? ? ? ? ? ? ? <div class="c_background_botton"></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>
? ? ? ? ? ? ? ? <!-- 星星 -->
? ? ? ? ? ? ? ? <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>
? ? ? ? </ul>
? ? ? ? <!-- 雪花 -->
? ? ? ? <div id="snowflake"></div>
? ? ? ? <!-- 小男孩 -->
? ? ? ? <div id="boy" class="charector"></div>
? ? </div>
</body>
</html>
在課程的最后面
Steafan_ 提問者
舉報
為七夕節準備的H5+JS+CSS3特效案例,由淺入深案例拆分講解
3 回答求源碼求源碼
2 回答求源碼,求源碼
2 回答求源碼,求源碼完整版
1 回答求源碼啊?????
4 回答跪求整合到一起的
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-21
<!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>
在課程的最后面