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描述:空格需字符(&nbsp)--><code>public class htmler{<br />&nbsp;&nbsp;&nbsp;private static final version =5.0;<br />}<br /></code><hr /><pre>public class htmler{<br />&nbsp;&nbsp;&nbsp;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>空格&nbsp; &lt;; &gt; &amp; &yen; &copy; &reg; &deg; &plusmn; &times;;&divide;4 &sup2;5&sup3;</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&#8451<br>出门注意防晒</div><div>明天阴天<br>气温28&#8451<br>适合室外活动</div><div>后天雨天<br>气温27&#8451<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年度项目总结(二)相关推荐

  1. 科技创新2030—“新一代人工智能”重大项目拟立项的2018年度项目公示清单

    来源:财政资金申请 根据<国务院关于改进加强中央财政科研项目和资金管理的若干意见>(国发[2014]11号).<国务院关于深化中央财政科技计划(专项.基金等)管理改革方案的通知> ...

  2. 项目验收汇报ppt_中煤天津设计公司举办2020年度项目汇报PPT技能大赛

    为全面提高青年员工项目汇报水平,促进公司各业务板块协同发展,同时为青年员工提供一个交流展示的舞台,11月26日-27日,中煤天津设计公司举办2020年度项目汇报PPT技能大赛.公司领导郭庆华.郭大林. ...

  3. 一名准大三学生的年度总结(二十杂记)

    一名准大三学生的年度总结(二十杂记) 写在前面: 这篇文章的意义呢,首先是让我自己总结沉淀一下,过去两年的经历,算作一份,给自己的生日礼物.但是请注意,对于你们来说,这篇文章仅仅记录了一位普通双非大学 ...

  4. .net项目的二次开发解决方案

    公司原来项目的二次开发方式主要使用SQL,基本上也能满足客户的要求,优点是使用简单,只要熟悉SQL语句就可以操作,缺点是受限制太多,需要对数据库底层相当的了解,使用时容易出错,无法直接调用业务层代码等 ...

  5. Taro多端开发实现原理与项目实战(二)

    Taro多端开发实现原理与项目实战(二) 多端电商平台项目概述及开发准备 学习了前面的基础知识和进阶后是否跃跃欲试?我们准备了一个电商平台的项目来和大家一起实践使用 Taro 开发电商平台. 项目概述 ...

  6. 自动/持续部署Docker 的tomcat web项目(二)

    自动/持续部署Docker 的tomcat web项目(二) 安装jenkins Jenkins环境配置 创建Jenkins任务 源码拉取 maven构建 SSH连接 一键构建 脚本自动/持续部署 续 ...

  7. “云计算和大数据”重点专项2017年度项目安排公示

    8月29日从科技部获悉,国家重点研发计划"云计算和大数据"重点专项2017年度项目安排公示.其中包括新一代云计算服务器技术与系统.高效能云计算数据中心关键技术与装备(浪潮信息牵头) ...

  8. GitHub上最火的40个iOS开源项目(二)

    http://www.open-open.com/lib/view/open1388316950609.html GitHub上最火的40个Android开源项目(一) GitHub上最火的40个An ...

  9. 天猫整站SSM项目(二)数据库设计

    天猫整站SSM项目(二)数据库设计 一.数据库设计分析 二.创建数据库 1. 建立数据库 2. 表与表之间的关系 2.1 表![在这里插入图片描述](https://img-blog.csdnimg. ...

  10. 鸿蒙开发|呼吸训练实战项目(二)

    文章目录 鸿蒙开发|呼吸训练实战项目(二) 实现训练页面与主页面之间相互跳转 运行效果 实现思路 代码详解 验证应用和每个页面的生命周期时间 运行效果 在主界面中显示logo和两个选择器 实现思路 代 ...

最新文章

  1. RedHat 6编译升级vsftpd
  2. Windows上传代码到github操作指导
  3. 2017中国物联网年报:我国传感器竞争力与发达国家的差距
  4. 如何卸载安装有问题的devexpress组件?
  5. JDBC的SQL注入漏洞分析和解决
  6. 高德地图路线规划 时间_路线准、播报拥堵及时,这次自驾出行高德地图可算是帮了大忙...
  7. python导入requests库一直报错原因总结_python pip 安装库文件报错:pip install ImportError: No module named _internal...
  8. 英语学习笔记2019-12-3
  9. 全球研发投入榜:中国第二逼近美国,以色列最下血本 | 联合国数据
  10. JavaSE Collections类 , Iterator迭代器 , 增强for循环
  11. SQL server 2005 数据库只能用计算机名连接不能用IP地址
  12. python list 添加噪声_在python中为信号添加噪声
  13. 经验模态分解股票波动matlab,matlab经验模态分解程序
  14. “没有灵魂”的AI作诗,有啥用?
  15. knowledge distillation 综述
  16. Laravel SQL查询中first, pluck与lists方法
  17. mysql函数 优化_Mysql函数求优化解决思路
  18. 石油化工企业防雷工程设计解决方案
  19. 数据中心架构,如何节省运营成本,机房冷却方面减少压力?
  20. 测试用例(功能用例)——登录、首页、个人信息

热门文章

  1. 视觉SLAM十四讲:运动方程
  2. 【程序人生】Java这么卷,你为什么还在坚持?热爱吗?因为穷
  3. 中国虚拟邮箱软件行业市场供需与战略研究报告
  4. 电脑耳机插入外放解决办法
  5. Python变量的理解与内存管理
  6. Uva1218 Perfect Services
  7. 用U盘给macbook 安装windows系统
  8. java 公交管理系统 代码_基于jsp的公交管理系统-JavaEE实现公交管理系统 - java项目源码...
  9. 在c语言中我叫做符号变量,问渠网-C语言基础-第一节 关键字符号与变量
  10. JQuery-图片剪裁