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触发器详解
Mar 10 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
javascript面向对象快速入门实例
Jan 13 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
JavaScript图像延迟加载库Echo.js
Apr 05 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
解决vue.js在编写过程中出现空格不规范报错的问题
Sep 20 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 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 查找字符串常用函数介绍
2012/06/07 PHP
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
php提供实现反射的方法和实例代码
2019/09/17 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
JavaScript的目的分析
2007/01/05 Javascript
js直接编辑当前cookie的脚本
2008/09/14 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
vue+express 构建后台管理系统的示例代码
2018/07/19 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
2020/05/28 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
Python抓取框架Scrapy爬虫入门:页面提取
2017/12/01 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
承诺书怎么写
2014/03/26 职场文书
物业总经理助理岗位职责
2014/06/29 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
小学生安全教育广播稿
2014/10/20 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
优质服务标语口号
2015/12/26 职场文书
高三生物教学反思
2016/02/22 职场文书
导游词之大雁塔景区
2019/09/17 职场文书