南宁UI培训
达内南宁UI中心

18249965035

热门课程

也许能够改变你命运的小程序,仅供娱乐,南宁UI培训

  • 时间:2017-11-30 15:02
  • 发布:tedu
  • 来源:达内教程

运气是什么玩楞?

所谓运气就是生命运动气化规律的简称。人体生物节律学表明,人体的生命运动气化规律的基本运动形式就是四柱太阳律月亮律。在运行中、 某种事件发生的概率微小、随机性强、无法计算且不可控制的情况下,事件结果产生后恰好与某人的猜想或个人情况决定一致,并且在现实中发生一般为不可思议或完全不可能存在的背景下发生的事件。

倒霉了大半辈子的小编,运气好像从来没来过我身边......

你,会有好运气吗?

效果图如下:

每次随机抽选三注,小编前天试着买了一下,果不其然的没中,所以大家一定不能相信这个小玩意,这只是用于娱乐的;

好了,闲话不多说,具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<style>
body,a,ul,li,div,p,span,{
padding:0;
margin:0;
}
*{
list-style: none;
text-decoration:none; 
}
.wrap{
width:100%;
}
.box{
width:1020px;
height:560px;
margin:60px auto;
}
.box .test{
width:100%;
text-align:center;
}
.box .test p{
color:#444;
font-size:28px;
}
.box .box_main{
width:100%;
text-align: center;
}
.box .box_main div{
width: 50%;
height:45px;
border-radius:5px;
margin:20px auto;
}
.box .box_main li a{
display: inline-block;
width:150px;
height:35px;
line-height: 35px;
color:#fff;
border-radius:3px;
background:#de5044;
text-align:center;
margin:10px;
cursor: pointer;
}
.box .box_main li a:hover{
background:#da7c75; 
}
.box .box_main div span{
display: block;
float: left;
    width: 440px;
    height: 100%;
    text-align: center;
    color:#de5044;
    line-height: 45px;
    font-size: 18px;
    border:1px solid #ccc;
}
.box .box_main div .number{
color:#444;
border:0;
width:60px;
line-height: 48px;}
.box .box_main div .active{
color:#4B8BF5;
}
.tedu{
width:150px;
list-style: none;
display: block;
border:1px solid #ccc;
height:150px;
transition: all 0.5s linear;
}
.tedu:hover{
box-shadow: 0px 0px 20px rgba(0,0,0,.2);
transform:rotateX(-6deg);
transition: all 0.5s forwards;
}
</style>
<body>
<div class="wrap">
<div class="box">
<div class="test">
<p>福利彩票随机投注</p>
</div>
<div class="box_main" id="main">
<div>
<span class="number">①</span>
<span id="a1">9</span>
</div>
<div>
<span class="number">②</span>
<span id="a2"></span>
</div>
<div>
<span class="number">③</span>
<span id="a3"></span>
</div>
<li><a href="">再选一次</a></li>
</div>
</div>
</div>
<script>
  //6个红球: 1~33
  //1个蓝球: 1~16
  function doubleball(){
    var reds=[];//创建空数组reds
    //只要reds中红球的个数<6,就反复
    while(reds.length<6){
      //在1~33之间生成一个随机整数r
      var r=parseInt(Math.random()*33+1);
      //遍历reds中每个元素
      for(var i=0;i<reds.length;i++){
        //如果reds中当前元素等于r,就退出循环
        if(reds[i]==r) break;
      }//(循环退出)
      //如果i==reds.length, 才将r压入reds中
      if(i==reds.length) reds.push(r);
    }//(循环退出)
    //将reds按数字升序排列
    
    reds.sort(function(a,b){return a-b;});
    //在1~16之间生成一个随机整数b
    var b=parseInt(Math.random()*16+1);
    her=reds.join("  ");
    return her+" - "+b;
  }
  document.getElementById('a1').innerHTML=doubleball();
  document.getElementById('a2').innerHTML=doubleball();
  document.getElementById('a3').innerHTML=doubleball();
</script>
</body>
</html>

最后叮嘱一句,此程序仅供娱乐,切勿沉迷!

感谢您的阅读,更多精彩内容以及教程请关注南宁达内UI培训官网;

上一篇:有钱也买不到的"概念车",南宁UI培训
下一篇:你会如何取得面试官的赏识,南宁UI培训

UI如何自学?为什么说自学UI设计的人大部分都放弃了?

UI设计入门疑问解答,可能是史上最全的一篇!

工作5年以上的UI设计师都在干什么?

UI设计教程:月薪上万的UI设计适合哪些人学习?

选择城市和中心
贵州省

广西省

海南省