模拟机选双色球（html+js实现）_双色球html资源-CSDN下载

共1个文件

html：1个

Javascript

需积分: 50 139 浏览量 2020-05-23 08:00:57 上传评论 2 收藏 11KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

fac1bf46d1254d4fb1f4f986b16d0bcd.zip （1个子文件）

fac1bf46d1254d4fb1f4f986b16d0bcd

colorBall3_03.html 46KB

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html>      <head> <title>模拟机选双色球</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> #div1 { width: 880px; height: 100%; border: 1px red solid; /*border-bottom: hidden;*/ padding: 30px; margin: 80px auto; } h1 { text-align: center; } a { text-decoration: none; } .photo{ width: 150px; height: 150px; position: absolute; left: 800px; top: 160px; padding: 1px; } .photo img{ width: 120px; height:120px; border: #FFF 3px solid; border-radius: 2px; display: block; } #input-file { position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0; } #input-file:hover { background: #AADFFD; border-color: #78C3F3; color: #004974; text-decoration: none; cursor: pointer; } .uploadphoto{ width: 100px; height: 20px; font-size: 12px; color: #eee; background-color: rgba(0,0,0,.8); text-align: center; line-height: 20px; position: absolute; left: 200px; top: 8px; display: none; cursor: pointer; } .content { width: 100%; height: 100px; margin: 0 auto; border: 2px solid #1f70bb; color: black; text-indent: 2px; font-size: 14px; } .content_1 { width: 100%; height: 180px; margin: 0 auto; border-bottom: 1px solid #1f70bb; } #t1 input,#m1 input,#n1 input { width: 30px; height: 30px; border-radius: 30px; bordercolorlight: white; bordercolordark: Maroon; font-size: 18px; text-align: center; color: white; } .red { border: 1px solid black; background: red; } .blue { border: 1px solid black; background: blue; } .name { width: 50px; height: 50px; margin: 20px 20px; border-radius: 5px; } button { width: 50px; height: 30px; padding: 5px; margin: 10px auto; text-align: center; background-color: orange; border: 1px solid black; cursor: pointer; } #btn1, #btn2 { width: 50px; height: 30px; padding: 5px; margin: 10px auto; text-align: center; background-color: red; border: 1px solid black; cursor: pointer; } .btn { width: 20px; height: 24px; padding: 5px; margin: 10px auto; text-align: center; background-color: red; border: 1px solid black; cursor: pointer; } .BTN { width: 50px; height: 26px; padding: 5px; margin: 10px auto; text-align: center; background-color: red; border: 1px solid black; cursor: pointer; } #tab{ /*width: 100%;*/ padding: 5px; /*margin: 10px auto;*/ border: 2px solid #aaa; border-collapse: collapse; } #tab th, #tab td { border: 2px solid #aaa; padding: 5px; } #tab th { background-color: #eee; } .msgFrame{ width: 100%; margin: 0 auto; } #numofmessage { width: 100%; height: 24px; color: #8AB8E3; margin: 0 auto; line-height: 20px; border-bottom: 2px solid #1f70bb; font-family: 微软雅黑, Tohoma; } .mainInfo { width: 766px; height: 143px; float: right; margin-top: 20px; } .userId { width: 100%; height: 20px; font-size: 14px; } .conInfo { width: 100%; height: 80px; margin-top: 12px; font-size: 12px; } .time { width: 100%; height: 20px; font-size: 12px; margin-top: 20px; margin-bottom: 20px; color: #8AB8E3; } </style> </head> <body> <div id="div1"> <h1> 机选双色球 </h1> <br><br><br><br><br><br> <div class="photo" id="photo"> 欢迎您，<span id="user">游客</span>！ <img id="img1" src="http://qlogo4.store.qq.com/qzone/2437717424/2437717424/100?1495551764"> <div class="uploadphoto" id="uploadphoto">  <input id="input-file" class="upload" type="file" value="" accept="image/*" onchange="upImg()">修改头像 </div> </div> 请先设置双色球单价： <input id="cash" type="text" size="10"> 元   <button onclick="setOne(document.getElementById('cash').value)">设置</button> <br> <span id="QR"></span> <p id="t1"> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="blue" disabled="true"/> </p> <p style="display: none" id="m1"> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="blue" disabled="true"/> </p> <p style="display: none" id="n1"> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="red" disabled="true"/> <input type="text" class="blue" disabled="true"/> </p> <button onclick="start1('t1');"> 单注 </button>   <button onclick="threeTimes('t1','m1','n1');"> 三注 </button>   <button onclick="stop1();"> 停止 </button>   <button onclick="sort1();"> 排序 </button>   <button onclick="add1();"> 添加 </butt

评论收藏

内容反馈