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 相关文章推荐
完整显示当前日期和时间的JS代码
Sep 17 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
利用Angularjs和Bootstrap前端开发案例实战
Aug 27 Javascript
canvas学习之API整理笔记(一)
Dec 29 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
Jan 30 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
JS继承定义与使用方法简单示例
Feb 19 Javascript
微信小程序实现自定义底部导航
Nov 18 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
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
2013/07/09 Javascript
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
jQuery的ajax和遍历数组json实例代码
2016/08/01 Javascript
jQuery插件DataTable使用方法详解(.Net平台)
2016/12/22 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
详解Vue.js v-for不支持IE9的解决方法
2018/12/29 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
python中self原理实例分析
2015/04/30 Python
开始着手第一个Django项目
2015/07/15 Python
Python的Django中将文件上传至七牛云存储的代码分享
2016/06/03 Python
对于Python中RawString的理解介绍
2016/07/07 Python
python中reader的next用法
2018/07/24 Python
python获取时间及时间格式转换问题实例代码详解
2018/12/06 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
Python 200行代码实现一个滑动验证码过程详解
2019/07/11 Python
Python 日志logging模块用法简单示例
2019/10/18 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
Pytorch数据拼接与拆分操作实现图解
2020/04/30 Python
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
语文教学感言
2014/02/06 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
2014年节能工作总结
2014/12/18 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技
Go语言grpc和protobuf
2022/04/13 Golang