JavaScript国旗变换效果代码


Posted in Javascript onAugust 13, 2008

1.页面的HTML代码如下:

<img id="flag" src="Flags/cn_flag[1].gif" alt="" />
 <select name="Country" accesskey="c" id="Country" onchange="change_flag(this);" runat="server" o>
        <option value="AR">Argentina</option>
        <option value="AM">Armenia</option>
        <option value="AU">Australia</option>
        <option value="AT">Austria</option>
        <option value="BA">Bosnia and Herzegovina</option>
        <option value="BD">Bangladesh</option>
        <option value="BY">Belarus</option>
        <option value="BE">Belgium</option>
        <option value="BG">Bulgaria</option>
        <option value="BO">Bolivia</option>
        <option value="BW">Botswana</option>
        <option value="BR">Brazil</option>
        <option value="BG">Bulgaria</option>
        <option value="CA">Canada</option>
        <option value="CL">Chile</option>
        <option value="CN" selected="selected">China</option>
        <option value="CO">Colombia</option>
        <option value="CR">Costa Rica</option>
        <option value="HR">Croatia</option>
        <option value="CU">Cuba</option>
        <option value="CZ">Czech Republic</option>
        <option value="DK">Denmark</option>
        <option value="EC">Ecuador</option>
        <option value="EG">Egypt</option>
        <option value="EE">Estonia</option>
        <option value="FI">Finland</option>
        <option value="FR">France</option>
        <option value="DE">Germany</option>
        <option value="GB">Great Britain</option>
        <option value="UK">United Kingdom</option>
        <option value="GE">Georgia</option>
        <option value="GR">Greece</option>
        <option value="HK">Hong Kong</option>
        <option value="HU">Hungary</option>
        <option value="IS">Iceland</option>
        <option value="IN">India</option>
        <option value="ID">Indonesia</option>
        <option value="IE">Ireland</option>
        <option value="IL">Israel</option>
        <option value="IT">Italy</option>
        <option value="JP">Japan</option>
        <option value="JO">Jordan</option>
        <option value="KZ">Kazakhstan</option>
        <option value="KG">Kyrgyzstan</option>
        <option value="LA">Laos</option>
        <option value="LV">Latvia</option>
        <option value="LT">Lithuania</option>
        <option value="LU">Luxembourg</option>
        <option value="MA">Morocco</option>
        <option value="MY">Malaysia</option>
        <option value="MT">Malta</option>
        <option value="MX">Mexico</option>
        <option value="NG">Nigeria</option>
        <option value="NL">Netherlands</option>
        <option value="NZ">New Zealand</option>
        <option value="NO">Norway</option>
        <option value="OM">Oman</option>
        <option value="PA">Panama</option>
        <option value="PK">Pakistan</option>
        <option value="PE">Peru</option>
        <option value="PH">Philippines</option>
        <option value="PL">Poland</option>
        <option value="PT">Portugal</option>
        <option value="QA">Qatar</option>
        <option value="RO">Romania</option>
        <option value="RU">Russia</option>
        <option value="SA">Saudi Arabia</option>
        <option value="SN">Senegal</option>
        <option value="SG">Singapore</option>
        <option value="SK">Slovakia</option>
        <option value="SI">Slovenia</option>
        <option value="ZA">South Africa</option>
        <option value="KR">South Korea</option>
        <option value="ES">Spain</option>
        <option value="LK">Sri Lanka</option>
        <option value="SR">Suriname</option>
        <option value="SE">Sweden</option>
        <option value="CH">Switzerland</option>
        <option value="TW">Taiwan</option>
        <option value="TH">Thailand</option>
        <option value="TN">Tunisia</option>
        <option value="TR">Turkey</option>
        <option value="UA">Ukraine</option>
        <option value="UK">United Kingdom</option>
        <option value="US">United States</option>
        <option value="UY">Uruguay</option>
        <option value="VE">Venezuela</option>
        <option value="VN">Vietnam</option>
        <option value="VU">Vanuatu</option>
        <option value="ZM">Zambia</option>
</select>2.change_flag函数 <script>
function change_flag( object ){
    var img = document.getElementById("flag");
    if( img ){
        img.src = "Flags/" + object.value +"_flag[1].gif";
    }

}
</script>
在线演示http://img.3water.com/online/guoqi/Flags.html
打包下载http://img.3water.com/online/guoqi/guoqi.rar

Javascript 相关文章推荐
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
jQuery插件Echarts实现的渐变色柱状图
Mar 23 jQuery
利用node.js如何搭建一个简易的即时响应服务器
May 28 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
关于vue里页面的缓存详解
Nov 04 Javascript
js活用事件触发对象动作
Aug 10 #Javascript
JS支持带x身份证号码验证函数
Aug 10 #Javascript
js获取div高度的代码
Aug 09 #Javascript
js可突破windows弹退效果代码
Aug 09 #Javascript
ext form 表单提交数据的方法小结
Aug 08 #Javascript
ext实现完整的登录代码
Aug 08 #Javascript
Javascript与flash交互通信基础教程
Aug 07 #Javascript
You might like
PHP语法速查表
2007/01/02 PHP
如何用php获取文件名后缀
2013/06/09 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
php实现微信模板消息推送
2018/03/30 PHP
一个简单的javascript类定义例子
2009/09/12 Javascript
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
Js控制弹窗实现在任意分辨率下居中显示
2013/08/01 Javascript
探讨js中的双感叹号判断
2013/11/11 Javascript
ParseInt函数参数设置介绍
2014/01/02 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
轻松搞定js表单验证
2016/10/13 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
zTree树形菜单交互选项卡效果的实现方法
2017/12/25 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
分享8个非常流行的 Python 可视化工具包
2019/06/05 Python
python:动态路由的Flask程序代码
2019/11/22 Python
如何在python中执行另一个py文件
2020/04/30 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
基于python实现简单C/S模式代码实例
2020/09/14 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
洗车工岗位职责
2014/03/15 职场文书
购房意向书
2014/04/01 职场文书
2014年计划生育协会工作总结
2014/11/14 职场文书
涨价通知怎么写
2015/04/23 职场文书
三八妇女节致辞
2015/07/31 职场文书
七年级作文之雪景
2019/11/18 职场文书
vue实现简单数据双向绑定
2021/04/28 Vue.js
python manim实现排序算法动画示例
2022/08/14 Python