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 zhongwenxchengweizhaiwenbenbiao jiyuyerenmenkeyishiyonhhtmllaijianglizijidwebzhandian,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>
