zoukankan      html  css  js  c++  java
  • 制作腾讯游戏选择

    到我们玩腾讯游戏的时候,会有很多选择,比如选择什么区,什么人物等。下面简单制作腾讯游戏选择。

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>纸牌游戏</title>
      <style type="text/css">
      #div{450px;height:134px;border:1px solid #fff}
      
      
      </style>
     </head>
     <body>
     <center>
      <div id="div">
      <img src="images/banner.jpg" width="450" height="134" border="0" alt="">
      </div>
      <div style="450px;height:134px;border:1px solid #fff;background:#1C85B4">
      <p>请选择游戏类别:<select  id="lei" onChange="ck()" >
      
      <option>--游戏分类--</option>
      
      
      </select></p>
    
        <p>请选择游戏名称:<select id="youxi">
      
      <option>--游戏名称--</option>
      
      
      </select></p>
          <p><input name="" type="image" src="images/login.gif" /></p>
      </div>
    
     </body>
     <script type="text/javascript">
            
    
     var lei= document.getElementById("lei");
     var youxi= document.getElementById("youxi");
    
     //创建省市数组
     var List=new Array();
         
          List['纸牌游戏'] = ['斗地主','拖拉机','桥牌','拱猪','打百分'];
          List['棋类游戏'] = ['围棋','象棋','跳棋','西瓜棋','五子棋'];
          List['其他游戏'] = ['枪林弹雨','跑跑卡丁车','英雄联盟','CF','英雄三国'];
    
    
         for(var i in List){
            
            lei.add(new Option(i,i),null);
         }
            lei.onchange=function(){
            var lei= document.getElementById("lei").value;
            var youxi= document.getElementById("youxi");
            
            youxi.options.length=0;
            for(var k in List[lei]){
                 youxi.add(new Option(List[lei][k],List[lei][k]),null);
                
    
        }
        
        
      }
      
    </script>
    </html>
  • 相关阅读:
    分数加减法
    两点距离
    1的个数
    Swift 了解(1)
    ARC快速入门
    ARC基本概念
    autorelease注意事项
    autorelease基本使用
    NSTimer的使用
    如何监听控件的行为
  • 原文地址:https://www.cnblogs.com/wlx520/p/4500357.html
Copyright © 2011-2022 走看看