An example of source code for page loading animation effect 2

<script language="JavaScript"> <!-- //Secondary menu var hw_selecttext = "Beijing|Dongcheng^Xicheng^Chongwen^Xuanwu^Chaoyang^Fengtai^Shijingshan^Haidian^Mentougou^Fangshan^Tongzhou^Shunyi^Changping^Daxing ^Pinggu^Huairou^Miyun^Yanqing*Shanghai|Huangpu^Luwan^Xuhui^Changning^Jing'an^Putuo^Zhabei^Hongkou^Yangpu^Minhang^Baoshan^Jiading^Pudong^Jinshan^Songjiang^Qingpu^Nanhui^Fengxian^Chongming*Tianjin |Heping^Dongli^Hedong^Xiqing^Hexi^Jinnan^Nankai^Beichen^Hebei^Wuqing^Hongjie^Tanggu^Hangu^Dagang^Ninghe^Jinghai^Baodi^Jixian*Chongqing|Wanzhou^Fuling^Yuzhong^ Dadukou^ Jiangbei^ Shapingba^ Jiulongpo^ South Bank^ Beibei^ Wansheng^ Shuangjiao^ Yubei^ Banan^ Qianjiang^ Changshou^ Qijiang^ Tongnan^ Tongliang^ Dazu^ Rongchang^ Bishan^ Liangping^ Chengkou^ Fengdu^Dianjiang^Wulong^Zhongxian^Kaixian^Yunyang^Fengjie^Wushan^Wuxi^Shizhu^Xiushan^Youyang^Pengshui^Jiangjin^Hechuan^Yongchuan^Nanchuan*Hebei|Shijiazhuang^Handan^Xingtai^ Baoding^Zhangjiakou^Chengde^Langfang^Tangshan^Qinhuangdao^Cangzhou^Hengshui*Shanxi|Taiyuan^Datong^Yangquan^Changzhi^Jincheng^Shuozhou^Lüliang^Xinzhou^Jinzhong^Linfen^Yuncheng*Inner Mongolia|Hohhot^Baotou^Wuhai ^Chifeng^Hulunbuir League^Alxa League^Jerimu League^Xing'an League^Ulanqab League^Xilingol League^Bayannur League^Ikezhao League*Liaoning|Shenyang^Dalian^Anshan^Fushun^Benxi^Dandong^ Jinzhou^Yingkou^Fuxin^Liaoyang^Panjin^Tieling^Chaoyang^Huludao*Jilin|Changchun^Jilin^Siping^Liaoyuan^Tonghua^Baishan^Songyuan^Baicheng^Yanbian*Heilongjiang|Harbin^Qiqihar^Mudanjiang^Jiamusi^Daqing^Suihua ^Hegang^Jixi^Heihe^Shuangyashan^Yichun^Qitaihe^Daxinganling*Jiangsu|Nanjing^Zhenjiang^Suzhou^Nantong^Yangzhou^Yancheng^Xuzhou^Lianyungang^Changzhou^Wuxi^Suqian^Taizhou^Huaian*Zhejiang|Hangzhou ^Ningbo^Wenzhou^Jiaxing^Huzhou^Shaoxing^Jinhua^Quzhou^Zhoushan^Taizhou^Lishui*Anhui|Hefei^Wuhu^Bengbu^Ma'anshan^Huaibei^Tongling^Anqing^Huangshan^Chuzhou^Suzhou^Chizhou^Huainan^Chaohu^Fuyang ^Lu'an^Xuancheng^Bozhou*Fujian|Fuzhou^Xiamen^Putian^Sanming^Quanzhou^Zhangzhou^Nanping^Longyan^Ningde*Jiangxi|Nanchang City^Jingdezhen^Jiujiang^Yingtan^Pingxiang^Xinyu^Ganzhou^Ji'an^Yichun ^Fuzhou^Shangrao*Shandong|Jinan^Qingdao^Zibo^Zaozhuang^Dongying^Yantai^Weifang^Jining^Taian^Weihai^Rizhao^Laiwu^Linyi^Dezhou^Liaocheng^Binzhou^Heze*Henan|Zhengzhou^Kaifeng^Luoyang^Pingdingshan ^Anyang^Hebi^Xinxiang^Jiaozuo^Puyang^Xuchang^Luohe^Sanmenxia^Nanyang^Shangqiu^Xinyang^Zhoukou^Zhumadian^Jiyuan*Hubei|Wuhan^Yichang^Jingzhou^Xiangfan^Huangshi^Jingmen^Huanggang^Shiyan^Enshi^Qian Jiang^Tianmen^Xiantao^Suizhou^Xianning^Xiaogan^Ezhou*Hunan|Changsha^Changde^Zhuzhou^Xiangtan^Hengyang^Yueyang^Shaoyang^Yiyang^Loudi^Huaihua^Chenzhou^Yongzhou^Xiangxi^Zhangjiajie*Guangdong|Guangzhou^Shenzhen^ Zhuhai^Shantou^Dongguan^Zhongshan^Foshan^Shaoguan^Jiangmen^Zhanjiang^Maoming^Zhaoqing^Huizhou^Meizhou^Shantou^Heyuan^Yangjiang^Qingyuan^Chaozhou^Jieyang^Yunfu*Guangxi|Nanning^Liuzhou^Guilin^Wuzhou^Beihai^ Fangchenggang^Qinzhou^Guigang^Yulin^Nanning Region^Liuzhou Region^Hezhou^Baise^Hechi*Hainan|Haikou^Sanya*Sichuan|Chengdu^Mianyang^Deyang^Zigong^Panzhihua^Guangyuan^Neijiang^Leshan^Nanchong^Yibin^Guang'an^ Dachuan^Ya'an^Meishan^Ganzi^Liangshan^Luzhou*Guizhou|Guiyang^Liupanshui^Zunyi^Anshun^Tongren^Southwestern Guizhou^Bijie^Southeastern Guizhou^Qiannan*Yunnan|Kunming^Dali^Qujing^Yuxi^Zhaotong^Chuxiong^ Red River^Wenshan^Simao^Xishuangbanna^Baoshan^Dehong^Lijiang^Nujiang^Diqing^Lincang*Tibet|Lhasa^Shigatse^Shannan^Lingzhi^Chamdo^Ali^Nagqu*Shaanxi|Xi'an^Baoji^Xianyang^Tongchuan^Weinan ^Yan'an^ Yulin^ Hanzhong^ Ankang^ Shangluo* Gansu| Lanzhou^ Jiayuguan^ Jinchang^ Baiyin^ Tianshui^ Jiuquan^ Zhangye^ Wuwei^ Dingxi^ Longnan^ Pingliang^ Qingyang^ Linxia^ Gannan* Ningxia| Yinchuan^ Shizuishan^ Wuzhong^ Guyuan*Qinghai | La^Turpan^Hami^Kashgar^Hotian^Aksu*Hong Kong|*Macau|*Taiwan|Taipei^Kaohsiung^Taichung^Tainan^Pingtung^Nantou^Yunlin^Hsinchu^Changhua^Miaoli^Chiayi^Hualien^Taoyuan^Yilan^ Keelung^Taitung^Kinmen^Mazu^Penghu*Others|North America^South America^Asia^Africa^Europe^Oceania" //If the text is different from the value, please enter the @ value after the text, such as: Beijing@010 |Dongcheng@001^Xicheng@002 var TheSplit1 = "*" //The separator between Beijing and Shanghai var TheSplit2 = "|" //The separator between Beijing and Dongcheng var TheSplit3 = "^" //The separator between Dongcheng and Xicheng var TheSplit4 = "@" //The separator between text and value can be omitted. var hwallselecttext = hw_selecttext var hwdefault_value = "Hebei Tangshan" //Default value, there is a bug when the values ​​are the same. document.write('<select name="hw_1" onChange = "hw_select()"></select> <select name="hw_2" onChange = "hw_select()"></select> <input class="input" size="15" type="input" value="'+hwdefault_value+'" name="hw">n'); var hwallselecttextarr hwallselecttextarr = hwallselecttext.split(TheSplit1) hwArraylength = hwallselecttextarr.length var hwwhere = new Array( hwArraylength); hwwhere[0]= new hw_comefrom("Please select @","Please select @"); for (var hwl=0;hwl<hwArraylength;hwl++) { eval(hwwhere[hwl+1] = new hw_comefrom( hwallselecttextarr[hwl].split(TheSplit2)[0],hwallselecttextarr[hwl].split(TheSplit2)[1])) } function hw_comefrom(hwSelect_s1,hwSelect_s2) { this.hwSelect_s1 = hwSelect_s1; this.hwSelect_s2 = hwSelect_s2; } function hw_select() { with(document.all.hw_1) { var hwSelect_s12 = options[selectedIndex].value; } for(hwi = 0;hwi < hwwhere.length;hwi ++) { if (hwwhere[hwi].hwSelect_s1. indexOf(TheSplit4)!=-1) { var hwThisV = hwwhere[hwi].hwSelect_s1.split(TheSplit4)[1] } else { var hwThisV = hwwhere[hwi].hwSelect_s1 } if (hwThisV == hwSelect_s12) { hwSelect_s13 = (hwwhere[hwi].hwSelect_s2).split(TheSplit3); for(hwj = 0;hwj < hwSelect_s13.length;hwj++) { with(document.all.hw_2) { length = hwSelect_s13.length; if (hwSelect_s13[hwj] .indexOf(TheSplit4)!=-1) { options[hwj].text = hwSelect_s13[hwj].split(TheSplit4)[0] options[hwj].value = hwSelect_s13[hwj].split(TheSplit4)[1] } else { options[hwj].text = hwSelect_s13[hwj]; options[hwj].value = hwSelect_s13[hwj]; } var hwSelect_s14=options[selectedIndex].value; } } break; } } document.all.hw.value =hwSelect_s12+""+hwSelect_s14; } function hw_init() { with(document.all.hw_1) { length = hwwhere.length; var hwm = 0 for(hwk=0;hwk<hwwhere.length;hwk++) { if (hwwhere [hwk].hwSelect_s1.indexOf(TheSplit4)!=-1) { options[hwk].text = hwwhere[hwk].hwSelect_s1.split(TheSplit4)[0]; options[hwk].value = hwwhere[hwk]. hwSelect_s1.split(TheSplit4)[1]; if (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1.split(TheSplit4)[1])!=-1){hwm = hwk} } else { options[hwk].text = hwwhere[hwk].hwSelect_s1; options[hwk].value = hwwhere[hwk].hwSelect_s1; if (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1)!=-1){hwm = hwk} } } selectedIndex = hwm } with(document.all.hw_2) { var hwn = 0 hwSelect_s13 = (hwwhere[hwm].hwSelect_s2).split(TheSplit3); length = hwSelect_s13.length; for(hwl=0;hwl<length;hwl++) { if (hwSelect_s13[hwl].indexOf(TheSplit4)!=-1) { options[hwl].text = hwSelect_s13[hwl].split(TheSplit4)[0]; options[hwl].value = hwSelect_s13[hwl].split( TheSplit4)[1]; if (hwdefault_value.indexOf(hwSelect_s13[hwl].split(TheSplit4)[1])!=-1){hwn = hwl} } else { options[hwl].text = hwSelect_s13[hwl]; options[hwl].value = hwSelect_s13[hwl]; if (hwdefault_value.indexOf(hwSelect_s13[hwl])!=-1){hwn = hwl} } } selectedIndex = hwn } } hw_init(); //--> < /script>