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 相关文章推荐
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
Jan 15 Javascript
js 手机号码合法性验证代码集合
Sep 29 Javascript
百度判断手机终端并自动跳转js代码及使用实例
Jun 11 Javascript
jQuery $命名冲突解决方案汇总
Nov 13 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
Vue制作Todo List网页
Apr 26 Javascript
React/Redux应用使用Async/Await的方法
Nov 16 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
150行代码带你实现微信小程序中的数据侦听
May 17 Javascript
简单了解JavaScript中的执行上下文和堆栈
Jun 24 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 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 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
php中cookie的使用方法
2014/03/29 PHP
php查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
javascript prototype,executing,context,closure
2008/12/24 Javascript
JS短路原理的应用示例 精简代码的途径
2013/12/13 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
js实现不提交表单获取单选按钮值的方法
2015/08/21 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
Vue.js教程之计算属性
2016/11/11 Javascript
利用 spin.js 生成等待效果(js 等待效果)
2017/06/25 Javascript
angular动态表单制作
2018/02/23 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
2018/09/06 jQuery
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
2019/07/10 Javascript
python实现学生管理系统
2018/01/11 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
Python实现查找二叉搜索树第k大的节点功能示例
2019/01/24 Python
pandas通过字典生成dataframe的方法步骤
2019/07/23 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
PyPDF2读取PDF文件内容保存到本地TXT实例
2020/05/12 Python
如何解决python多种版本冲突问题
2020/10/13 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
美国嘻哈首饰购物网站:Hip Hop Bling
2016/12/30 全球购物
全运会口号
2014/06/20 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
2015年社区纪检工作总结
2015/04/21 职场文书
爱心捐助活动总结
2015/05/09 职场文书
2015年保险公司内勤工作总结
2015/05/23 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers