A2021-A2022年度项目总结（二）
生活随笔
收集整理的這篇文章主要介紹了
A2021-A2022年度项目总结（二）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML你真的會嗎。
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>HTML5基礎制作</title><base href="http://www.google.com/" /><style type="text/css">h1{color: #FF0000;border: 3px;border-style: solid;float: left;clear: both;}h2{color: #00BFFF;color: #FF0000;border: 3px;border-style: dashed;float: bottom;overflow: hidden;}h3{color: #A9A9A9;color: #00BFFF;color: #FF0000;border: 3px;border-style: double;}h4,h5,h6{color: coral;border: 3px;border-style: dotted;}aside {position: absolute;background-color: greenyellow;border: 2px solid black;width: 200px;left: 30%;top: 5%}.hezi{width: 400px;height:400px;border: 40px solid turquoise;background: deepskyblue;padding: 30px;margin: 40px;border-top-color: #6699CC;border-right-color: #FF0000;border-bottom-color: #6c6c6c;border-left-color: #FF3399;padding-bottom: inherit;background-color: darkslategray;background-attachment: fixed;font-family: "Bookshelf Symbol 7";font-size: 30px;font-kerning: initial;float: left;clear: left;overflow: hidden;overflow: auto;overflow: scroll;overflow: no-display;}</style></head><body><marquee><a href="Html的內容.html">歡迎你進入我的HTML5學習頁面</a></marquee><h1>一級標題</h1><br /><h2>二級標題</h2><br /><h3>三級標題</h3><br /><h4>四級標題</h4><br /><h5>五級標題</h5><br /><h6>六級標題</h6><br /><hr /><p class="h1">離開的人越來越多，留下的人越來越重要一切都會好起來的，即使不是在今天，總有一天會的真正的失敗不是你沒有做成事，而是你甘心于失敗運氣就是機會碰巧撞到了你的努力得之坦然，失之淡然，順其自然，爭其必然。</p><hr /><p>離開的人越來越多，留下的人越來越重要一切都會好起來的<br>即使不是在今天，總有一天會的真正的失敗不是你沒<br>有做成事，而是你甘心于失敗運氣就是機<br>會碰巧撞到了你的努力得之坦然，<br>失之淡然，順其自然，爭其必然。</p><hr /><div>Hellow you me </div><div>Hellow you me World like you me </div><div>$$$$$$$!!!!!!!</div><hr /><span>Hellow</span><span>World Hellow</span><span>!!!!!</span><hr /><div><b>AAAAAA</b></div><div><strong>BBBBBBBBB</strong></div><div><big>CCCCCCCCC</big></div><div><small>DDDDDDDDD</small></div><div><em>EEEEEEEEEEE</em></div><div><i>FFFFFFFFFF</i></div><div>ASDFG<sup>fg</sup>HJKL</div><div>asdfghhj<sub>SD</sub></div><div><bdo dir="ltr">從left到right</bdo></div><div><bdo dir="rtl">從right到left</bdo></div><hr /><abbr title="HELLOW L LIKE ME YOU JAVA SCRIPT IS WEB"></abbr><br /><br /><dfn>HTMLCSS</dfn>是一種標記語言。<del>不是標記語言</del><br /><ins>HTML</ins>是<q>kjjsslajal</q>的縮寫。<br /><!--作者：2571507538@qq.com時間：2021-09-05描述：空格需字符( )--><code>public class htmler{<br /> private static final version =5.0;<br />}<br /></code><hr /><pre>public class htmler{<br /> private static final version =5.0;<br />}<br /></pre><hr />離開的人越來越多，留下的<address></address>人越來越重要一切都會好起來的<address/>即使不是在今天，總有一天會的真正的失敗不是你沒有做成事，而是你甘心于失敗運氣就是機會碰巧撞到了你的努力得之坦然，失之<cite>天會的真正的失敗不</cite>淡然，順其自然，爭其必然<br /><blockquote></blockquote>離開的人越來越多，留下的人越來越重要一切都會好起來的<br>即使不是在今天，總有一天會的真正的失敗不是你沒<br>有做成事，而是你甘心于失敗運氣就是機<br>會碰巧撞到了你的努力得之坦然，<br>失之淡然，順其自然，爭其必然。</blockquote><br><a href="http://www.google.com">跳轉到googel</a></br><a href="http://www.baidu.com">跳轉到baidu</a></br><a href="2.html">跳轉到2.html</a><p>列表元素</p><ul><li>北京</li><li>上海</li><li>福建</li><li>江西</li></ul><ol><li>北京</li><li>上海</li><li>福建</li><li>江西</li></ol><dl><dt>3</dt><dd>北京</dd><dd>上海</dd><dd>JIANGX</dd><dd>nancheng</dd><dt>2</dt><dd>北京</dd><dd>上海</dd><dd>JIANGX</dd><dd>nancheng</dd></dl></br><hr><p>表格元素·</p><p class="q">課程表</p><form align="center"><input type="text"><input type="submit" value="搜索"/></form><ul><li><a href="5.html" target="content_table">A班課表</a></li><li><a href="4.html" target="content_table">B班課表</a></li><li><a href="3.html" target="content_table">C班課表</a></li><li><a href="2.html" target="content_table">D班課表</a></li><li><a href="1.html" target="content_table">E班課表</a></li><li><a href="5.html" target="content_table">F班課表</a></li></ul><iframe frameborder="0" width="600" height="600" src="5.html" name="content_table"></iframe><table border="5px" align="center"><caption>課程表</caption><tr><th>項目</th></tr><tr><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期天</td></tr><tr><td rowspan="4">上午</td><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td><td rowspan="4">休息</td></tr><tr><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td></tr><tr><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td></tr><tr><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td></tr><tr><td rowspan='2'>下午</td><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td></tr><tr><td><a href="5.html">語文</a></td><td><a href="5.html">數學</a></td><td><a href="5.html">英文</a></td><td><a href="5.html">化學</a></td><td><a href="5.html">歷史</a></td><td><a href="5.html">生物</a></td></tr></table><h3>語文課程詳細頁面</h3><img/><p>語文老師</p><p>第十版</p><p>下學期</p><p>讀書破萬卷，下筆如有神</p><table border="4"><thead><tr><th>月份</th><th>收入</th><th>支出</th><th>贏會</th></tr></thead><tbody><tr><td>一月</td><td>3000</td><td>4532</td><td>10000</td></tr><tr><td>二月</td><td>356700</td><td>4532</td><td>10000</td></tr></tbody><tfoot><tr><td>總數</td><td>47899</td><td>234444</td><td>44444</td></tr></tfoot></table><h1>html5jianji</h1><p> fabiaoshijiewei:<time pubdate="pubdate"> 2021/09/06</time></p><p><pre>html hypertext markup language jiecheng html zhongwenxchengweizhaiwenbenbiaojiyuyerenmenkeyishiyonhhtmllaijianglizijidwebzhandian,htmlyuexingzailiuxingshan</pre></p><section><h1> 評論</h1><article><header><h2>發布者：小三</h2><p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p></header><p>沙發!</p></article><article><header><h2>發布者：力三</h2><p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p></header><p>shouji!</p></article><article><header><h2>發布者：小wu</h2><p><time pubdate datetime="2021/0905">yixiaoshiqian</time></p></header><p>pingban</p></article></section><footer><small>public by wangwu liuliu</small></footer><h1>html簡介</h1><p><pre>html,hypertext markup languge 簡稱 HTML 中文稱趙文博標記語言</pre></p><footer><p>public wangwuop</p><p>聯系方式：<a href="mato:wangwu@example.com">wangwu@example.com"</a></p></footer><aside><h1>主菜單</h1><ul><a href="##"><li>首頁</li></a><a href="##"><li>導航一</li></a><a href="##"><li>導航二</li></a><a href="##"><li>導航三</li></a><a href="##"><li>導航四</li></a><a href="##"><li>導航無</li></a>0</ul></aside><hr><figure><img src="https://ss0.bdstatic.com/5av1bjqh_q23odcf/static/superman/img/log_top_86d58ael.png"></figure><figure><figcaption>javascript regexp</figcaption><pre>var patt=new RegExp("e");document.write(patt.exec("to be or not to be ,that a question )</pre></figure><firgure>內容不要<pre>靜以修身，學無止境。</pre></firgure><hr><hgroup><h1>web基礎開發</h1><h2>html css javascript</h2></hgroup></body> <nav><ul><li><a href="新聞A"><b>新聞A</b></a></li><li><a href="新聞Q"><b>新聞Q</b></a></li><li><a href="新聞W"><b>新聞W</b></a></li><li><a href="新聞E"><b>新聞E</b></a></li><li><a href="新聞"><b>新聞</b></a></li></ul><ul><li><a href="新聞F"><b>新聞F</b></a></li><li><a href="新聞C"><b>新聞C</b></a></li><li><a href="新聞V"><b>新聞V</b></a></li><li><a href="新聞X"><b>新聞X</b></a></li><li><a href="新聞Z"><b>新聞Z</b></a></li></ul> </nav> <nav><a href="1">1</a><a href="2">2</a><a href="3">3</a><a href="4">4</a><a href="5">5</a><a href="6">6</a><a href="7">7</a><a href="8">8</a><a href="9">9</a><a href="更多">更多</a> </nav> 當前汽車行駛速度是<meter value="120" max="220" min="0" high="200" low="0">120</meter>km/house<br>我的c盤：<meter value="600" max="2000" min="0" high="2000" low="0">600gb</meter>km/house<br> 任務占比<progress max="100" value="50">50/100</progress><br>該文件下載：<progress max="100" value="73">73%</progress><br> <audio src="周哥——完美主義.mp3" controls="controls">你的html瀏覽器不能使用</audio><br> <video width="800" height=" " src="你好我的青春-mv.mp4" controls="controls">當前文件不能播放</video><hr> <table border="2" contenteditable="true"><caption>值日表</caption><tr><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期天</td></tr><tr><td>星偶</td><td>星期</td><td>星二</td><td>星三</td><td>星四</td><td>星五</td><td>六</td><td>星天</td></tr><script type="text/JavaScript">document.designMode="on";</script> </table> <button id="button" onclick="var target=document.getElementById('target'); target.hidden=!target.hidden;var button=document.getElementById('button');if(target.hidden){button.innerHTML='yes'}else {button.innerHTML='隱形'}">yes </button> <div id="target" hidden="true">曉曉的我錯了，正如我消消的來歷。 </div> <hr> <textarea spellcheck="true" rows="5" cols="50"> </textarea> <hr> <P>HTML5表單相關屬性</P> <hr> <form action="" method="post">用戶名：<input type="text"><br>密碼：<input type="password"><br>性別：<input type="radio">男<input type="radio">女<br>興趣：<input type="checkbox">戀情<input type="checkbox">朗秋<input type="checkbox">貧窮<br>選擇文件：<input type="file"><br>圖片：<input type="image" src="https//"><input type="reset"><br><input type="submit"><br><input type="button" value="自定義"><br><input type="button"><label for="username">用戶名：</label><input id="username" type="text"><br><label>密碼:<input type="password"></label><br> </form><!--select kongj--><form action="" method="post">你的出生地？<select size="4" multiple="multiple"><option value="beijing" selected="selected">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select><br><br>你的居住地是？<select size="2"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select>你去過的地方？<select multiple="multiple"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></select>你吃過的菜在哪里？<select size="7" multiple="multiple"><optgroup label="11233"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option></optgroup><optgroup label="333333"><option value="beijing">1</option><option value="hebei">2</option><option value="hennan">3</option><option value="shanhai">4</option><option value="shandong">5</option></optgroup></select><button type="submit">提交</button><br><button type="reset">重置</button><br><textarea cols="50" row="5"></textarea><br><textarea cols="60" rows="6" readonly="readonly">這個文本只讀的領域</textarea><hr><input type="color " name="color" id="" value="#ff0000"><br><input type="submit" id="name"><hr><input type="time" name="time" id= value=""><br><input type="submit" id=" " name=""><br><input type="datetime-local" name="date" id=" " value=" "><br><input type="submit" this.id="" name=""><br><input type="month" name="month" this.id="" value="" min="2021-02" max="2030-04"><input type="submit" this.id="" name=""><br><input type="week" name="week" this.id="" value="" min="2021-w01" max="2030-w12"><input type="submit" this.id="" name=""><br><input type="number" name="number" this.id="" value="" min="0" max="100" step="10"><input type="submit" this.id="" name=""><br><input type="range" name="range" this.id="" value="" min="0" max="100" step="10"><input type="submit" this.id="" name=""><br> </form> <hr> <form action="" method="get"><input type="range" this.list= marks> </form> <datalist><option value="0"/><option value="10"/><option value="20"/><option value="30"/><option value="40"/><option value="50"/><option value="60"/><option value="70"/><option value="80"/><option value="90"/><option value="100"/> </datalist> <hr> <input type="search"> <input type="submit" this.id="" name=""> <input type="tel" name="tel"> <hr><input type="url" name="url"><input type="submit" this.id="" name=""> <br> <form action="" method="get" oninput="x.value=parseInt(a.value)">0<input type="range" this.id="a" value="50">100<br><output name="x" for="a">50</output></form> <br> <from id="login" action="" method="get"><label for="username">用戶名：</label><input this.id="username" type="text" name="username" ><label>密碼：<input form ="" type="password" name="password"></label><br><input form="" type="submit"> </from><br><from id="login" action="" method="get"><label for="username">用戶名：</label><input this.id="username" type="text" name="username" placeholder="請輸入用戶名"><br><label>密碼：<input type="password" name="password" autofocus="autofocus" placeholder="請輸入用戶密碼"></label><br><input type="submit" formaction="login"><button type="submit" formaction=" regist">注冊</button></from><hr><from id="login" action="" method="get"><label for="username">用戶名：</label><input this.id="username" type="text" name="username" placeholder="請輸入用戶名"><br><label>密碼：<input type="p.assword" name="password" autofocus="autofocus" placeholder="請輸入用戶密碼"></label><br><input type="submit" formaction="get"><input type="submit" formaction="post"><button type="submit">提交</button><button type="submit" formaction="multipart/form-data">以****類型提交</button><button type="submit" formaction="——blank">提交新的new窗口</button></from><!--表格屬性記憶--> <p>===============cellpadding="20" 單元個內容與邊框========== cellspacing="3"=====單元個語單元格=======表格的屬性========復習=======================================================</p> <table border="5" cellpadding="20" cellspacing="3" width="500px" align="center" bgcolor="#7fff00"><tr><th>表格</th><th colspan="5" bgcolor="#1e90ff">表格屬性</th></tr><tr bgcolor="#ff69b4" valign="top"><td>11</td><td colspan="3">12</td><td>15</td></tr><tr bgcolor="#8a2be2"><td>21</td><td>22</td><td rowspan="3">23</td><td>24</td><td>25</td></tr><tr bgcolor="#1e90ff"><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr><tr bgcolor="#8b008b"><td align="center">131</td><td>132</td><td>133</td><td>134</td><td>135</td></tr><tr><td>231</td><td>232</td><td>233</td><td>234</td><td>235</td></tr> </table><p> ====================================input 屬性</p> <form>1<input type="text" value="11111"><br>2<input type="color" value="2222"><br>3<input type="submit" value="33"><br>4<input type="checkbox" value="444"><br>5<input type="date" value="5555"><br>6<input type="email" value="666"><br>7<input type="hidden" value="777"><br>8<input type="month" value="888"><br>9<input type="number" value="999"><br>10<input type="time" value="1000"><br>11<input type="week" value="123"><br>12<input type="url"><br>14<input type="datetime-local"><br>15<input type="file"><br>16<input type="range"><br>17<input type="file"><br>18<input type="image"><form action="#" method="get">留言：<br><textarea cols="70" rows="10">huafu</textarea><input type="submit" value="tijiao"></form><form action="#" method="post">留言2：<br><textarea cols="70" rows="10">huafu</textarea><input type="submit" value="tijiao"></form>空格 <; > & ¥ © ® ° ± ×;÷4 ²5³</font> </form> <p> ========================padding border margin </p></html> <!DOCTYPE html> <html><head><meta charset="UTF-8"><link type="text/css" href="CSS學習文件/3.css" rel="stylesheet"><title>手機網頁制作</title><style type="text/css">*{background-image: linear-gradient(0deg, deepskyblue , whitesmoke);font-size: 25px;text-shadow: 1px 2px 1px red;font-weight: bolder;border: lavender 1px;color: black;}</style></head><!--定導航欄--><body><!--第一部分--><div id="top"><ul class="topList"><li><a href="Tyu.html">首頁</a></li><li><a href="Tyu.html">手機</a></li><li><a href="Tyu.html">家電</a></li><li><a href="Tyu.html">相機</a></li><li><a href="Tyu.html">電腦</a></li><li><a href="Tyu.html">包包</a></li></ul></div><!--left--> <div id="content"><!--right--> <div id="right-side"><!--right盒子--><!--第一ul--><ul class="list-group"><li class="list-title"><a href="4.html">銷量排名</a></li><li class="list-item"><a href="手機號抽獎.html">1 商品名稱@1</a></li><li class="list-item"><a href="抽獎活動.html">2 商品名稱@2</a></li><li class="list-item"><a href="手機.html">3 商品名稱@3</a></li><li class="list-item"><a href="抽獎活動.html">4 商品名稱@4</a></li><li class="list-item"><a href="手機.html">5 商品名稱@5</a></li><li class="list-item"><a href="手機.html">6 商品名稱@6</a></li></ul><!--第二個ul--><ul class="list-group"><!--right--><li class="list-title">便宜好貨</li><li class="list-item"><img src="img/w1 (13).jpg" />商品名稱</li><li class="list-item"><img src="img/w1 (14).jpg" />商品名稱</li><li class="list-item"><img src="img/w1 (3).jpg" />商品名稱</li></ul> </div><div class="left_side"> <div class="top_pic"><h2>歡迎來到想goshoping/購物界面</h2><img src="img/w1 (8).jpg"/></div><!--新品首發--> <div id="products"><h3>新品首發</h3><!--新品標題--><div><img src="img/w1 (10).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@1</p></a></div> <div><img src="img/w1 (2).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@2</p></a></div><div><img src="img/w1 (4).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@3</p></a></div> <div><img src="img/w1 (9).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@4</p></a></div> <div><img src="img/w1 (8).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@5</p></a></div> <div><img src="img/w1 (7).jpg" alt="商品名稱"/><a href="Html4A.html"><p>商品名稱@6</p></a></div> </div></div> </div><div><a href="#" class="toTop">返回頂部</a><p>@A202020@895@@</p> </div></body> </html> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>jQuery隨機抽中手機號碼抽獎代碼</title><link rel="stylesheet" href="CSS學習文件/抽獎活動.css" /> </head> <body> <div class="container"><div class="left"><h2>抽獎活動</h2><select class="level"><option value="3">三等獎</option><option value="2">二等獎</option><option value="1">一等獎</option></select><div class="result-box">150****0000</div><button class="start" onClick="start()">開始抽獎</button></div><div class="list"></div> </div><script type="text/javascript" src="js/jquery-3.6.js"></script> <script type="text/javascript"> var data = [02161606967, 13020266595, 13062886092, 13120856800, 13166203899, 13222286768, 13260155466, 13311859605, 13321953155, 13386035991, 13386279355, 13391041349, 13402005209, 13501955354, 13524377621, 13566884393, 13585583394, 13601652353, 13601750621, 13601957822, 13611717363, 13611808088, 13621842513, 13636608228, 13651744987, 13671548893, 13671715448, 13671743121, 13671938567, 13701612351, 13770050005, 13774415457, 13774468122, 13795220723, 13816648396, 13817074750, 13817603172, 13817864803, 13818156777, 13818478999, 13818608945, 13818676915, 13818708665, 13870620815, 13901647848, 13901757122, 13901765884, 13916054638, 13916130704, 13916230340, 13916320794, 13917046040, 13917082161, 13917376187, 13917519790, 13917822024, 13918015694, 15000239160, 15000858139, 15000863267, 15001966112, 15021654427, 15026688058, 15162775605, 15201931885, 15262790618, 15366970333, 15692116261, 15800762285, 15801777839, 15836932000, 15900711818, 15901868745, 15921081152, 15921913369, 17721460897, 18017628227, 18202119713, 18502746988, 18516214869, 18521502523, 18521531099, 18606387979, 18616988816, 18621373309, 18621607551, 18621768758, 18621831973, 18621939488, 18817373997, 18817619376, 18818010115, 18857881532, 18901731168, 18910877917, 18916172890, 18918588802, 18930362020, 18939786089, 15001963100, 15001963101, 15001963102, 15001963103, 15001963104, 15001963105, 15001963106, 15001963107, 15001963108, 15001963109, 15001963110, 15001963111, 15001963112, 15001963113, 15001963114, 15001963115, 15001963116, 15001963117, 15001963118, 15001963119, 15001963120, 15001963121, 15001963122, 15001963123, 15001963124, 15001963125, 15001963126, 15001963127, 15001963128, 15001963129, 15001963130, 15001963131, 15001963132, 15001963133, 15001963134, 15001963135, 15001963136, 15001963137, 15001963138, 15001963139, 15001963140, 15001963141, 15001963142, 15001963143, 15001963144, 15001963145, 15001963146, 15001963147, 15001963148, 15001963149, 15001963150, 15001963151, 15001963152, 15001963153, 15001963154, 15001963155, 15001963156, 15001963157, 15001963158, 15001963159, 15001963160, 15001963161, 15001963162, 15001963163, 15001963164, 15001963165, 15001963166, 15001963167, 15001963168, 15001963169, 15001963170, 15001963171, 15001963172, 15001963173, 15001963174, 15001963175, 15001963176, 15001963177, 15001963178, 15001963179, 15001963180, 15001963181, 15001963182, 15001963183, 15001963184, 15001963185, 15001963186, 15001963187, 15001963188, 15001963189, 15001963190, 15001963191, 15001963192, 15001963193, 15001963194, 15001963195, 15001963196, 15001963197, 15001963198, 15001963199, 15001963200, 15001963201, 15001963202, 15001963203, 15001963204, 15001963205, 15001963206, 15001963207, 15001963208, 15001963209, 15001963210, 15001963211, 15001963212, 15001963213, 15001963214, 15001963215, 15001963216, 15001963217, 15001963218, 15001963219, 15001963220, 15001963221, 15001963222, 15001963223, 15001963224, 15001963225, 15001963226, 15001963227, 15001963228, 15001963229, 15001963230, 15001963231, 15001963232, 15001963233, 15001963234, 15001963235, 15001963236, 15001963237, 15001963238, 15001963239, 15001963240, 15001963241, 15001963242, 15001963243, 15001963244, 15001963245, 15001963246, 15001963247, 15001963248, 15001963249, 15001963250, 15001963251, 15001963252, 15001963253, 15001963254, 15001963255, 15001963256, 15001963257, 15001963258, 15001963259, 15001963260, 15001963261, 15001963262, 15001963263, 15001963264, 15001963265, 15001963266, 15001963267, 15001963268, 15001963269, 15001963270, 15001963271, 15001963272, 15001963273, 15001963274, 15001963275, 15001963276, 15001963277, 15001963278, 15001963279, 15001963280, 15001963281, 15001963282, 15001963283, 15001963284, 15001963285, 15001963286, 15001963287, 15001963288, 15001963289, 15001963290, 15001963291, 15001963292, 15001963293];//參與人員 //內定中獎人員 var initP = [13870620815, 13901647848, 13901757122]; var p1Num = 3;//一等獎數量 var p2Num = 5;//二等獎數量 var p3Num = 10;//三等獎數量 var p1Winner = new Array();//一等獎中獎者 var p2Winner = new Array();//二等獎中獎者 var p3Winner = new Array();//三等獎中獎者 var btn =true;//按鈕狀態未開始還是結束 var key =0;//中獎下標 var time=0;//定時器//點擊按鈕 function start(){if(btn){if((p1Num<=0) && (p2Num<=0) && (p3Num<=0)){$("button").hide();alert("所有抽獎已結束");}else if($('select').val() == 3 && (p3Num<=0)){alert('三等獎已抽取完畢，請選擇其他獎項...');}else if($('select').val() == 2 && (p2Num<=0)){alert('二等獎已抽取完畢，請選擇其他獎項...');}else if($('select').val() == 1 && (p1Num<=0)){alert("一等獎已抽取完畢，請選擇其他獎項...");}else{btn = false;$('button').removeClass('start').addClass('end').text("結束抽獎");startTrun();}}else{btn = true;$('button').removeClass("end").addClass("start").text("開始抽獎");endTrun();console.log(p3Num,p2Num,p1Num);} } function runTime(){//$("button").show();clearInterval(time);time=setInterval('trunNum()',10); } function trunNum(){key=Math.floor(Math.random()*(data.length-1));var tel=data[key].toString().substr(0, 3)+'****'+data[key].toString().substr(7);$(".result-box").text(tel); }function startTrun(){runTime(); } //停止轉動數字 function endTrun(){clearInterval(time);if($("select").val() == 3){data.splice(key,1);p3Winner.push(data[key]);$(".list").prepend("<p>第"+p3Num+"名："+data[key]+"</p>");p3Num--;if(p3Num == 0){$(".list").prepend("<p>三等獎獲得者</p>");}}else if($('select').val() == 2){data.splice(key,1);p2Winner.push(data[key]);$(".list").prepend("<p>第"+p2Num+"名："+data[key]+"</p>");p2Num--;if(p2Num == 0){$(".list").prepend("<p>二等獎獲得者</p>");}}else{data.splice(key,1);p1Winner.push(data[key]);$(".list").prepend("<p>第"+p1Num+"名："+data[key]+"</p>");p1Num--;if(p1Num == 0){$(".list").prepend("<p>一等獎獲得者</p>");}} }</script> </body> </html> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><style>img{height: 300px;width: 300px;/* margin: auto;*/}</style><script src="js/jquery-3.6.js"></script><link type="text/css" href="CSS學習文件/天氣網頁.css" rel="stylesheet"><title>陰天晴天雨天案例一</title> </head> <body> <script src="js/aa.js"></script> <!--html部分--> <ul><li><p>今天是</p><img src="img/imgs/we1 (3).jpg" ><p>晴天</p></li><li><p>明天是</p><img src="img/imgs/we1 (1).jpg"><p>陰天</p></li><li><p>后天是</p><img src="img/imgs/we1 (2).jpg" ><p>雨天</p></li> </ul> <div id="new" ><div>今天天氣晴<br>氣溫35℃<br>出門注意防曬</div><div>明天陰天<br>氣溫28℃<br>適合室外活動</div><div>后天雨天<br>氣溫27℃<br>出門記得拿傘</div> </div><footer id="footer" style="font-size: 40px;color: cyan;">作者：A202020895 時間 2021/11/2 </footer> </body> </html> <!DOCTYPE html> <html><head><meta charset="UTF-8"><link rel="stylesheet" href="CSS學習文件/房屋設計.css" /><title>房屋與設計網站</title></head><body><h1 style="color: red; text-align: center; background-color: black;">房屋與設計網站</h1><header style="height:20%; text-align: center;"><form><input type="text" spellcheck="true" placeholder="請輸入關鍵字"/><input type="submit" />開始搜素</button></form><a href="create.html">創建房屋頁面</a></header><nav style="width: 100%;height:50px; text-align: center; background: lightcoral;"><a href="#">首頁</a><a href="#">房屋分類</a><a href="#">注冊</a><a href="#">登錄</a></nav><section style="border-radius: 20px; border: solid 3px pink;"><figure><img src="img/房屋設計/we1 (1).jpg"/><figcaption>裝修設計采用主要應用于色彩的配備，大致分為背景色，主體色，，點數色</figcaption></figure></section><section style="border-radius: 20px; border: solid 3px lightblue; "><figure><img src="img/房屋設計/we1 (2).jpg"/><figcaption>裝修設計采用主要應用于色彩的配備，大致分為背景色，主體色，，點數色</figcaption></figure></section><section style="border-radius: 20px; border: solid 3px lightseagreen;"><figure><img src="img/房屋設計/we1 (3).jpg"/><figcaption>裝修設計采用主要應用于色彩的配備，大致分為背景色，主體色，，點數色</figcaption></figure></section><section><audio src="" hidden="hidden" autoplay="true"></audio></section><footer style="text-align: center;"><button style="height: 50px;">加載更多內容</button></footer></body> </html>?
?
?
?
總結
以上是生活随笔為你收集整理的A2021-A2022年度项目总结（二）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Home Assistant 搭建日志（
- 下一篇： 2020Kali开机配置（中文输入法等）