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应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
javascript中的继承实例代码
Apr 27 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
微信小程序实现文字跑马灯效果
May 26 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
利用vue.js把静态json绑定bootstrap的table方法
Aug 28 Javascript
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
详解Vue源码学习之双向绑定
Apr 10 Javascript
jquery实现聊天机器人
Feb 08 jQuery
在antd Form表单中select设置初始值操作
Nov 02 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
PHP6 mysql连接方式说明
2009/02/09 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
AngularJS前端页面操作之用户修改密码功能示例
2017/03/27 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
2019/04/02 Javascript
vue列表单项展开收缩功能之this.$refs的详解
2019/05/05 Javascript
layui多图上传实现删除功能的例子
2019/09/23 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
Python3计算三角形的面积代码
2017/12/18 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
python操作yaml说明
2020/04/08 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
材料工程专业毕业生求职信
2014/03/04 职场文书
青年教师师德演讲稿
2014/08/26 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
2014全年工作总结
2014/11/27 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
2015年教务工作总结
2015/05/23 职场文书
医院见习总结
2015/06/24 职场文书
纪委立案决定书
2015/06/24 职场文书
小学运动会加油稿
2015/07/22 职场文书
大学生党课感想
2015/08/11 职场文书
一文帮你理解PReact10.5.13源码
2021/04/03 Javascript
Node实现搜索框进行模糊查询
2021/06/28 Javascript
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js