時間：2023-10-09 06:00:01 | 來源：網站運營
時間：2023-10-09 06:00:01 來源：網站運營
開心消消樂游戲網頁設計作品 學生dreamweaver作業(yè)靜態(tài)HTML網頁設計模板 游戲主題網頁作業(yè)制作：精彩專欄推薦 ?? 作者簡介: 一個熱愛把邏輯思維轉變?yōu)榇a的技術博主 作者主頁: 【主頁—— 獲取更多優(yōu)質源碼】 web前端期末大作業(yè)： 【 畢設項目精品實戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網頁制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 echarts大屏展示大數(shù)據(jù)平臺可視化(150套) 】 免費且實用的WEB前端學習指南： 【 web前端零基礎到高級學習視頻教程 120G干貨分享】 關于作者: 歷任研發(fā)工程師，技術組長，教學總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經變遷，物是人非。 然而，對于技術的探索和追求從未停歇。 堅持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進行運行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級頁面； （2） css文件包含：css全部頁面樣式,文字滾動, 圖片放大等； （3） js文件包含：js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等（個別網頁中運用到js代碼）。<!doctype html><html><head><meta charset="utf-8"><title>開心消消樂</title></head><link rel="stylesheet" type="text/css" href="css/style.css"><body> <div class="page"> <ul class="nav"> <a href="index.html"><li>主頁</li></a> <a href="sheding.html"><li>單位設定</li></a> <a href="guize.html"><li>游戲規(guī)則</li></a> <a href="daoju.html"><li>物品道具</li></a> <a href="tese.html"><li>特色系統(tǒng)</li></a> </ul> <div class="banner"><img src="images/banner.jpg"></div> <div class="mid"> <h2>游戲規(guī)則</h2> <div class="wz"> <p><strong>消除規(guī)則</strong></p> <p>把三個顏色相同的小動物連成一條直線，即可消除。達到指定的目標通關后。游戲的模板有四種分別是分數(shù)過關、指定消除、獲得金豆莢、云朵關卡。</p> <table width="920" border="0"> <tr> <td width="388" align="center"><strong>分數(shù)過關</strong></td> <td width="521"><div class="wz"><p>在一定步數(shù)內或時間內，只要獲得的分數(shù)達到一星標準就可以過關。</p></div></td> </tr> <tr> <td align="center"><strong>指定消除</strong></td> <td><div class="wz">在一定步數(shù)內，只要消除的目標數(shù)達到關卡要求目標(關卡中左上角目標)即可過關;消除的目標可能包括：冰塊、雪塊、目標小動物、直線特效、爆破特效、魔力鳥特效等。</div></td> </tr> <tr> <td align="center"><strong>獲得金豆莢</strong></td> <td><div class="wz"><p>在一定步數(shù)內，使足夠數(shù)量的金豆莢移動到收集口處即可過關。</p></div></td> </tr> <tr> <td align="center"><strong>云朵關卡</strong></td> <td><div class="wz"><p>在一定步數(shù)或時間內，只要獲得的寶石數(shù)達到目標即可過關，剩余的步數(shù)隨機激發(fā)直線特效，獲得大量的額外積分。</p></div></td> </tr></table> <p><strong>游戲關卡</strong></p> <p>游戲關卡分為分為普通關卡和隱藏關卡2種，普通關卡相對比較簡單，玩家達到游戲目標分數(shù)達到1星即可通關，隱藏關卡需要普通關卡達到3星后開啟，玩家1-30關，全部3星可以開啟第一個隱藏關卡。后面每隔15關就會出現(xiàn)一個新的隱形關卡，每一個樹杈隱形關卡有3關。</p> <p><strong>游戲特效</strong></p> <p>游戲中的特效主要有直線特效，爆炸特效、魔力鳥特效，任意2個特效都可以組合在一塊使用。</p> <table width="920" border="0"> <tr> <th width="273">特效名稱</th> <th width="329">合成條件</th> <th width="303">使用效果</th> </tr> <tr> <td align="center">直線特效</td> <td><div class="wz"><p>四個相同的動物一行或一列可以合成一個直線特效</p></div></td> <td><div class="wz"><p>觸發(fā)直線特效可以消除一行或一列</p></div></td> </tr> <tr> <td align="center">爆炸特效</td> <td><div class="wz"><p>五個相同的不同行動物可以合成一個爆炸特效</p></div></td> <td><div class="wz"><p>觸發(fā)爆炸特效可以消除附近的動物</p></div></td> </tr> <tr> <td align="center">魔力鳥特效</td> <td><div class="wz"><p>任意五個同行且相同的動物可以合成一個魔力鳥特效</p> </div> ;</td> <td><div class="wz"><p>觸發(fā)魔力鳥特效可以消除所有相同的動物</p></div></td> </tr> </table> </div> </div> <div class="foot">Copyright ? 開心消消樂</div> </div></body></html>@charset "utf-8";/* CSS Document */body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000; font-family: Arial, Helvetica, sans-serif;}body{ background:url(../images/bj.jpg) no-repeat center; background-attachment:fixed; font-size:12px;}a { color:#FFF; text-decoration: none; border: none; padding: 0; margin: 0;}img { border: 0; margin: 0; padding: 0;}ul, li { list-style: none; border: 0; margin: 0; padding: 0;}.clear { clear: both;}.page{ width:960px; margin:30px auto; padding:20px; overflow:hidden; background-color:rgba(255,255,255,0.8); border-radius:10px; box-shadow:0 0 10px 5px #333;}.nav{ width:750px; margin:20px auto; overflow:hidden;}.nav li{ float:left; width:100px; margin:0 24px; font-size:14px; text-align:center; line-height:35px; border:solid #000 1px; transition-property:color,background-color; transition-duration:0.5s;}.nav li:hover{ color:#FFF; background-color:#000;}.mid{ width:100%; padding:35px 0; overflow:hidden;}.foot{ text-align:center; font-size:14px; color:#333; line-height:35px; margin-top:10px;}h1{ text-align:center; font-size:38px; margin:50px 0;}h2{ text-indent:1em; margin:40px 0;}.wz{ width:96%; padding:2%; text-align:center; overflow:hidden;}.wz p{ line-height:35px; text-indent:2em; font-size:12px; margin:20px 0; text-align:left;}.wz h3{ text-align:left; font-size:18px; font-weight:normal; margin-bottom:20px;}dl{ width:50%; float:left; margin-top:20px;}dl dt{ float:left; font-weight:bolder; color:#666; width:100px; text-align:center; line-height:35px; border-bottom:dashed #000 1px;}dl dd{ line-height:35px; border-bottom:dashed #000 1px;}table{ border-top:solid #333 1px; border-left:solid #333 1px;}th,td{ border-bottom:solid #333 1px; border-right:solid #333 1px;}th{ background-color:#CCC; line-height:30px;}請 “ 點贊” “??評論” “ 收藏”一鍵三連哦！ 【 關注我| 獲取更多源碼 | 優(yōu)質文章】帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學習」！關鍵詞：設計,游戲,靜態(tài),模板,作業(yè),主題,作品,開心
