Un exemple de code source pour l'effet d'animation de chargement de page 2

<script langage="JavaScript"> <!-- //Menu secondaire var hw_selecttext = "Pékin|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^ Rive Sud^ 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*Mongolie intérieure|Hohhot^Baotou^Wuhai ^Chifeng^Ligue Hulunbuir^Ligue Alxa^Ligue Jerimu^Ligue Xing'an^Ligue Ulanqab^Ligue Xilingol^ Ligue Bayannur^Ligue Ikezhao*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^Région de Nanning^Région de Liuzhou^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^Sud-ouest du Guizhou^Bijie ^Sud-est du Guizhou^Qiannan*Yunnan|Kunming^Dali^Qujing^Yuxi^Zhaotong^Chuxiong^ Rivière Rouge^Wenshan^Simao^Xishuangbanna^Baoshan^Dehong^Lijiang^Nujiang^Diqing^Lincang*Tibet|Lhassa^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|*Macao|*Taïwan|Taipei^Kaohsiung^ " //Si le texte est différent de la valeur, veuillez saisir la valeur @ après le texte, par exemple : Beijing@010 |Dongcheng@001^Xicheng@002 var TheSplit1 = "*" //Le séparateur entre Pékin et Shanghai var TheSplit2 = "|" //Le séparateur entre Pékin et Dongcheng var TheSplit3 = "^" //Le séparateur entre Dongcheng et Xicheng var TheSplit4 = "@" //Le séparateur entre le texte et la valeur peut être omis var hwallselecttext = hw_selecttext var hwdefault_value. = "Hebei Tangshan" //Valeur par défaut, il y a un bug lorsque les valeurs sont les mêmes. 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("Veuillez sélectionner @", "Veuillez sélectionner @"); for (var hwl=0;hwl<hwArraylength;hwl++) { eval(hwwhere[hwl+1] = new hw_comefrom( hwallselecttextarr[hwl].split(TheSplit2)[0],hwallselecttextarr[hwl].split(TheSplit2)[1])) } fonction hw_comefrom(hwSelect_s1,hwSelect_s2) { this.hwSelect_s1 = hwSelect_s1; this.hwSelect_s2 = hwSelect_s2 } fonction; 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; .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; =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>