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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
深入讲解AngularJS中的自定义指令的使用
Jun 18 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
Mar 21 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
mui js控制开关状态、修改switch开关的值方法
Sep 03 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 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变量可用字符
2014/05/28 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
window.location.href中url中数据量太大时的解决方法
2013/12/23 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
浅谈Layui的eleTree树式选择器使用方法
2019/09/25 Javascript
es6中Promise 对象基本功能与用法实例分析
2020/02/23 Javascript
详解Python中的__init__和__new__
2014/03/12 Python
使用Pyrex来扩展和加速Python程序的教程
2015/04/13 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
详解Python Opencv和PIL读取图像文件的差别
2019/12/27 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
在PyCharm中安装PaddlePaddle的方法
2021/02/05 Python
英国拖鞋购买网站:Bedroom Athletics
2020/02/28 全球购物
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
2012/10/15 面试题
工程部主管岗位职责
2013/11/17 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
法制宣传月活动方案
2014/05/11 职场文书
教育读书笔记
2015/07/02 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL
python区块链实现简版工作量证明
2022/05/25 Python