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访问样式表代码
Oct 15 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
jQuery知识点整理
Jan 30 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
webpack之devtool详解
Feb 10 Javascript
javascript+Canvas实现画板功能
Jun 23 Javascript
node.js 如何监视文件变化
Sep 01 Javascript
Vue SPA 首屏优化方案
Feb 26 Vue.js
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 flock 文件锁详细介绍
2012/12/29 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
window.open的功能全解析
2006/10/10 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
javascript实现节点(div)名称编辑
2014/12/17 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
2015/11/19 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
BootStrap中
2016/12/10 Javascript
纯js实现悬浮按钮组件
2016/12/17 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
微信小程序显示倒计时功能示例【测试可用】
2018/12/03 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
2020/10/31 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
Python 抓取动态网页内容方案详解
2014/12/25 Python
python执行get提交的方法
2015/04/29 Python
python开发之thread线程基础实例入门
2015/11/11 Python
selenium+python实现1688网站验证码图片的截取功能
2018/08/14 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
python 如何区分return和yield
2020/09/22 Python
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
英国电子专家:maplin
2019/09/04 全球购物
Erwin Müller穆勒家居瑞士官网:您整个家庭的邮购公司
2019/12/28 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
金融专业毕业生推荐信
2013/11/26 职场文书
文化宣传方案
2014/03/13 职场文书
入党综合考察材料
2014/06/02 职场文书
教师节祝酒词
2015/08/11 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
2022年显卡天梯图(6月更新)
2022/06/17 数码科技