项目34 设计简易福彩投注程序

代码如下：

<!--prj_12_1.html-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>简易福彩投注程序</title><style type="text/css">div{margin:0px auto;background-color:#00ff99;width:450px;height:260px;border:2px solid #ff3300;color:white;}h2{font-size:28px;text-align:center;}td{font-weight:bold;font-size:18px;}</style><script type="text/javascript">function $(id) {return document.getElementById(id);}function selectnumber(num){var number=new Array();for(i=0;i<=7;i++){tmp=Math.floor(Math.random()*30+1);for(var j=0;j<=number.length-1;j++){if(tmp==number[j]){tmp=Math.floor(Math.random()*30+1);j=0;}}number[j]=tmp;}$(num).value=number.sort().join(" ");} </script></head><body><div id=""><img src="D:/ico_7l.gif"><form action="" method="" name=""><h2>福利彩票投注助手</h2><table align="center"><tr><td id="td1">彩票号码</td><td id="td2"><input type="text" id="number1" size="28" readonly></td><td><input type="button" value="投注" onclick="selectnumber('number1')"></td><td rowspan="3"><input type="reset" value="清空"></td></tr><tr><td id="td1">彩票号码</td><td id="td2"><input type="text" id="number2" size="28" readonly></td><td><input type="button" value="投注" onclick="selectnumber('number2')"></td></tr><tr><td id="td1">彩票号码</td><td id="td2"><input type="text" id="number3" size="28" readonly></td><td><input type="button" value="投注" onclick="selectnumber('number3')"></td></tr></table></form></div></body>
</html>

项目35 设计江苏福彩投注站彩票投注助手

代码如下：

<!--prj_12_1.html-->
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>福彩投注站投助彩票助手</title><style type="text/css">select{width:300px;height:145px;}div{background:url("D:/fc_logo.jpg") right top no-repeat;margin:0px auto;width:550px;height:320px;border:2px solid #0077bb;color:white;}h2{font-size:28px;text-align:center;padding:10px auto;}input{width:80px;height:40px;}</style><script type="text/javascript">function $(id) {return document.getElementById(id);}function selectNumber(n){var number=new Array();var objsel=$("number8");var selnum=objsel.options.length;for(j=0;j<=n-1;j++){var list="";for(i=0;i<=7;i++){var tmp=Math.floor(Math.random()*30+1);if(tmp<10){tmp="0"+tmp;}for(var k=0;k<=number.length-1;k++){if(tmp==number[k]){tmp=Math.floor(Math.random()*30+1);if(tmp<10){tmp="0"+tmp;}k=0;}}number[i]=tmp;}list=number.join(" ");var opt=document.createElement("option");var opt_text=document.createTextNode(list);opt.value=j;opt.appendChild(opt_text);objsel.appendChild(opt);        }objsel.selectedIndex=selnum;} function delSelect(){var objSelect=$("number8");var strIndex=objSelect.selectedIndex;if(strIndex!=-1){objSelect.options.remove(strIndex);}else{alert("请先选择列表框后再删除！");}} function delSelectAll(){var objSelect=$("number8");var strIndex=objSelect.options.length;if(objSelect.length>0){for(i=0;i<=strIndex-1;i++){objSelect.options.remove(0);}}else{alert("列表框已空,不能再删除！");}}</script></head><body><div id=""><img src="D:/ico_7l.gif"><form action="" method="post" name="myform" submit=""><h2>福彩投注站投助彩票助手</h2><table align="center"><tr><td id="td1"><input type="button" value="机选1注" onclick="selectNumber(1);"></td><td rowspan="3"><select id="number8" name="number8" size="5" ></select></td><td><input type="button" value="删除" onclick="delSelect();"></td></tr><tr><td id="td1"><input type="button" value="机选5注" onclick="selectNumber(5);"></td><td>&nbsp;</td></tr><tr><td id="td1"><input type="button" value="机选10注" onclick="selectNumber(10);"></td><td><input type="button" value="全部删除" onclick="delSelectAll();"></td></tr></table></form></div></body>
</html>

Web前端开发技术实验与实践（第3版）储久良编著实训12相关推荐

web前端开发技术实验与实践（第三版）储久良编著项目12 设计简易网站导航
web前端开发技术实验与实践(第三版)储久良编著项目12 设计简易网站导航实训三项目12 设计简易网站导航一.页面文字素材: 序号网站名称 URL 1 百度 http://www.ba ...
web前端开发技术实验与实践（第三版）储久良编著项目16 div+CSS页面布局设计
web前端开发技术实验与实践(第三版)储久良编著项目16 实训五项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...
web前端开发技术实验与实践（第三版）储久良编著项目13 设计新生课程简介
web前端开发技术实验与实践(第三版)储久良编著项目13 设计新生课程简介实训三项目13 设计新生课程简介一.页面文字素材: 英语基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...
web前端开发技术实验与实践（第三版）储久良编著项目5 综合编程岗位介绍
实训一项目5 综合编程岗位介绍一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...
Web前端开发技术实验与实践（第3版）储久良编著实训8
实训8 HTML5基础与CSS3应用项目22 当当网企业用户注册页面设计页面效果截图代码  <!DOCTYPE html> < ...
web前端开发技术实验与实践（第三版）储久良编著项目8 设计制度宣传展板
实训二项目8 设计制度宣传展板一.页面文字素材: 大型仪器必须有专人保管,须配有稳压电源,使用前须先检查仪器间各电路连接情况,再开稳压电源,然后再启动仪器开关. 必须严格执行仪器设备运行记录制度, ...
Web前端开发技术实验与实践代码（第三版）储久良
实训七表单页面设计项目21 设计大学生暑假社会实践调查问卷页面设计大学生暑假社会实践调查问卷页面结果截图 HTML代码结果截图 HTML代码 <!-- prj_7_2.html --& ...
Web前端开发技术实验与实践（第3版）储久良编著实训7
实训7 表单页面设计项目20 设计科技工作者建言页面页面效果截图代码  <!DOCTYPE html> <html>&l ...
Web前端开发技术实验与实践（第3版）储久良编著实训6
实训6 表格与表格页面布局项目18 设计网络主题研讨会日程表页面效果截图代码  <!DOCTYPE html> <html&g ...

Web前端开发技术实验与实践（第3版）储久良编著实训12

项目34 设计简易福彩投注程序

项目35 设计江苏福彩投注站彩票投注助手

Web前端开发技术实验与实践（第3版）储久良编著实训12相关推荐

最新文章

热门文章