JavaScript设置国旗的变化

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 >

3.提供的所有图片资源 资源下载

转载于:https://www.cnblogs.com/changchangcc520/archive/2007/09/24/903692.html