javascript实现仿腾讯游戏选择


Posted in Javascript onMay 14, 2015

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

javascript实现仿腾讯游戏选择

javascript实现仿腾讯游戏选择

javascript实现仿腾讯游戏选择

<!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" alt="">
 </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>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JavaScript arguments 多参传值函数
Oct 24 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 Javascript
JQuery中Bind()事件用法分析
May 05 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
Aug 31 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
webpack使用 babel-loader 转换 ES6代码示例
Aug 21 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
JavaScript实现Flash炫光波动特效
May 14 #Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 #Javascript
javascript搜索框效果实现方法
May 14 #Javascript
javascript操作ul中li的方法
May 14 #Javascript
javascript中createElement的两种创建方式
May 14 #Javascript
javascript常用方法总结
May 14 #Javascript
javascript实现动态改变层大小的方法
May 14 #Javascript
You might like
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
2009/08/05 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
AngularJS基础 ng-copy 指令实例代码
2016/08/01 Javascript
利用jquery获取select下拉框的值
2016/11/23 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
Vuex mutitons和actions初使用详解
2019/03/04 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
JS实现容器模块左右拖动效果
2020/01/14 Javascript
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
[57:09]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第一场 1月26日
2021/03/11 DOTA
go和python变量赋值遇到的一个问题
2017/08/31 Python
python的dataframe转换为多维矩阵的方法
2018/04/11 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
对Python3 解析html的几种操作方式小结
2019/02/16 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
python爬虫快速响应服务器的做法
2020/11/24 Python
Django中template for如何使用方法
2021/01/31 Python
西班牙在线药店:DosFarma
2020/03/28 全球购物
电气工程及自动化专业自荐书范文
2013/12/18 职场文书
好家长事迹材料
2014/01/23 职场文书
省优秀教师事迹材料
2014/01/30 职场文书
劳动者解除劳动合同通知书
2015/04/16 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL