1.页面的HTML代码如下:
<imgid="flag"src="Flags/cn_flag[1].gif"alt=""/>
<selectname="Country"accesskey="c"id="Country"onchange="change_flag(this);"runat="server"o>
<optionvalue="AR">Argentina</option>
<optionvalue="AM">Armenia</option>
<optionvalue="AU">Australia</option>
<optionvalue="AT">Austria</option>
<optionvalue="BA">BosniaandHerzegovina</option>
<optionvalue="BD">Bangladesh</option>
<optionvalue="BY">Belarus</option>
<optionvalue="BE">Belgium</option>
<optionvalue="BG">Bulgaria</option>
<optionvalue="BO">Bolivia</option>
<optionvalue="BW">Botswana</option>
<optionvalue="BR">Brazil</option>
<optionvalue="BG">Bulgaria</option>
<optionvalue="CA">Canada</option>
<optionvalue="CL">Chile</option>
<optionvalue="CN"selected="selected">China</option>
<optionvalue="CO">Colombia</option>
<optionvalue="CR">CostaRica</option>
<optionvalue="HR">Croatia</option>
<optionvalue="CU">Cuba</option>
<optionvalue="CZ">CzechRepublic</option>
<optionvalue="DK">Denmark</option>
<optionvalue="EC">Ecuador</option>
<optionvalue="EG">Egypt</option>
<optionvalue="EE">Estonia</option>
<optionvalue="FI">Finland</option>
<optionvalue="FR">France</option>
<optionvalue="DE">Germany</option>
<optionvalue="GB">GreatBritain</option>
<optionvalue="UK">UnitedKingdom</option>
<optionvalue="GE">Georgia</option>
<optionvalue="GR">Greece</option>
<optionvalue="HK">HongKong</option>
<optionvalue="HU">Hungary</option>
<optionvalue="IS">Iceland</option>
<optionvalue="IN">India</option>
<optionvalue="ID">Indonesia</option>
<optionvalue="IE">Ireland</option>
<optionvalue="IL">Israel</option>
<optionvalue="IT">Italy</option>
<optionvalue="JP">Japan</option>
<optionvalue="JO">Jordan</option>
<optionvalue="KZ">Kazakhstan</option>
<optionvalue="KG">Kyrgyzstan</option>
<optionvalue="LA">Laos</option>
<optionvalue="LV">Latvia</option>
<optionvalue="LT">Lithuania</option>
<optionvalue="LU">Luxembourg</option>
<optionvalue="MA">Morocco</option>
<optionvalue="MY">Malaysia</option>
<optionvalue="MT">Malta</option>
<optionvalue="MX">Mexico</option>
<optionvalue="NG">Nigeria</option>
<optionvalue="NL">Netherlands</option>
<optionvalue="NZ">NewZealand</option>
<optionvalue="NO">Norway</option>
<optionvalue="OM">Oman</option>
<optionvalue="PA">Panama</option>
<optionvalue="PK">Pakistan</option>
<optionvalue="PE">Peru</option>
<optionvalue="PH">Philippines</option>
<optionvalue="PL">Poland</option>
<optionvalue="PT">Portugal</option>
<optionvalue="QA">Qatar</option>
<optionvalue="RO">Romania</option>
<optionvalue="RU">Russia</option>
<optionvalue="SA">SaudiArabia</option>
<optionvalue="SN">Senegal</option>
<optionvalue="SG">Singapore</option>
<optionvalue="SK">Slovakia</option>
<optionvalue="SI">Slovenia</option>
<optionvalue="ZA">SouthAfrica</option>
<optionvalue="KR">SouthKorea</option>
<optionvalue="ES">Spain</option>
<optionvalue="LK">SriLanka</option>
<optionvalue="SR">Suriname</option>
<optionvalue="SE">Sweden</option>
<optionvalue="CH">Switzerland</option>
<optionvalue="TW">Taiwan</option>
<optionvalue="TH">Thailand</option>
<optionvalue="TN">Tunisia</option>
<optionvalue="TR">Turkey</option>
<optionvalue="UA">Ukraine</option>
<optionvalue="UK">UnitedKingdom</option>
<optionvalue="US">UnitedStates</option>
<optionvalue="UY">Uruguay</option>
<optionvalue="VE">Venezuela</option>
<optionvalue="VN">Vietnam</option>
<optionvalue="VU">Vanuatu</option>
<optionvalue="ZM">Zambia</option>
</select>2.change_flag函数<script>
functionchange_flag(object){
varimg=document.getElementById("flag");
if(img){
img.src="Flags/"+object.value+"_flag[1].gif";
}
}
</script>
在线演示http://img.jb51.net/online/guoqi/Flags.html
打包下载http://img.jb51.net/online/guoqi/guoqi.rar
【JavaScript国旗变换效果代码】相关文章：