码迷,mamicode.com
首页 > 其他好文 > 详细

制作腾讯游戏选择

时间:2015-05-13 19:28:20      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

技术分享

技术分享

<!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{width: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" >
  </div>
  <div style="width: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>

 

制作腾讯游戏选择

标签:

原文地址:http://www.cnblogs.com/wlx520/p/4500357.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!