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数据分享
May 12 Javascript
由Javascript实现的页面日历
Nov 04 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
Sep 26 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
优化Vue中date format的性能详解
Jan 13 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
JS访问对象两种方式区别解析
Aug 29 Javascript
JavaScript仿京东轮播图效果
Feb 25 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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
php访问查询mysql数据的三种方法
2006/10/09 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
Yii统计不同类型邮箱数量的方法
2016/10/18 PHP
php二维码生成以及下载实现
2017/09/28 PHP
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
js判断变量是否未定义的代码
2020/03/28 Javascript
javascript与jquery中跳出循环的区别总结
2013/11/04 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
2015/08/24 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
Google 地图类型详解及示例代码
2016/08/06 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
[02:46]解说DC:感谢430陪伴我们的DOTA2国际邀请赛岁月
2016/06/29 DOTA
用Python中的字典来处理索引统计的方法
2015/05/05 Python
Python使用正则表达式获取网页中所需要的信息
2018/01/29 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
python3安装speech语音模块的方法
2018/12/24 Python
python文件读写代码实例
2019/10/21 Python
Python中的With语句的使用及原理
2020/07/29 Python
德国网上花店:Valentins
2018/08/15 全球购物
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
申报职称专业技术个人的自我评价
2013/12/12 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
流动人口婚育证明
2014/10/19 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
2016年禁毒宣传活动总结
2016/04/05 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis
linux目录管理方法介绍
2022/06/01 Servers