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 相关文章推荐
图片自动缩小 点击放大
Jul 07 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
jQuery支持添加事件的日历特效代码分享(3种样式)
Aug 24 Javascript
Java中Timer的用法详解
Oct 21 Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 Javascript
js返回顶部实例分享
Dec 21 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
two.js之实现动画效果示例
Nov 06 Javascript
js中的 || 与 &amp;&amp; 运算符详解
May 24 Javascript
页面点击小红心js实现代码
May 26 Javascript
详解ES6中的三种异步解决方案
Jun 28 Javascript
vue实现虚拟列表功能的代码
Jul 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
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
IE Firefox 使用自定义标签的区别
2009/10/15 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
JavaScript避免代码的重复执行经验技巧分享
2014/04/17 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
JS遍历对象属性的方法示例
2017/01/10 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
2018/08/01 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
keep-alive保持组件状态的方法
2020/12/02 Javascript
Python break语句详解
2014/03/11 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
使用Python对MySQL数据操作
2017/04/06 Python
Python + selenium自动化环境搭建的完整步骤
2018/05/19 Python
pip命令无法使用的解决方法
2018/06/12 Python
用Python逐行分析文件方法
2019/01/28 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
CSS3中animation实现流光按钮效果
2020/12/21 HTML / CSS
党支部先进事迹材料
2014/12/24 职场文书
营销计划书范文
2015/01/17 职场文书
七夕情人节问候语
2015/11/11 职场文书
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python
Golang 实现WebSockets
2022/04/24 Golang
win11电脑关机鼠标灯还亮怎么解决? win11关机后鼠标灯还亮解决方法
2023/01/09 数码科技