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吗?
Feb 24 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
关于JS判断图片是否加载完成且获取图片宽度的方法
Apr 09 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
javascript使用数组的push方法完成快速排序
Sep 15 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
图解js图片轮播效果
Dec 20 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
Angularjs 手写日历的实现代码(不用插件)
Oct 18 Javascript
vue页面跳转后返回原页面初始位置方法
Feb 11 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 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生成xml简单实例代码
2009/12/16 PHP
PHP函数getenv简介和使用实例
2014/05/12 PHP
php构造函数与析构函数
2016/04/23 PHP
php+redis实现注册、删除、编辑、分页、登录、关注等功能示例
2017/02/15 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JS显示表格内指定行html代码的方法
2015/03/31 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
原生js制作日历控件实例分享
2016/04/06 Javascript
jQuery bt气泡实现悬停显示及移开隐藏功能的方法
2016/07/12 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
JavaScript arguments.callee作用及替换方案详解
2020/09/02 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
聊聊Python中的pypy
2018/01/12 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
python统计文章中单词出现次数实例
2020/02/27 Python
520使用Python实现“我爱你”表白
2020/05/20 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
使用canvas绘制超炫时钟
2014/12/17 HTML / CSS
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
党的群众路线教育实践方案
2014/05/11 职场文书
感恩教师节主题班会
2015/08/12 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
Python进度条的使用
2021/05/17 Python
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript
SQL Server Agent 服务无法启动
2022/04/20 SQL Server