Contoh source code untuk efek animasi page loading 2

<script Language="JavaScript"> <!-- //Menu sekunder 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^Mengubah^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^ Tepi Selatan^ 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*Mongolia Dalam|Hohhot^Baotou^Wuhai ^Chifeng^Liga Hulunbuir^Liga Alxa^Liga Jerimu^Liga Xing'an^Liga Ulanqab^Liga Xilingol^ Liga Bayannur^Liga 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|Kota Nanchang ^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^Wilayah Nanning^Wilayah 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^Guizhou Barat Daya^Bijie ^Guizhou Tenggara^Qiannan*Yunnan|Kunming^Dali^Qujing^Yuxi^Zhaotong^Chuxiong^ Sungai Merah^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|*Makau|*Taiwan|Taipei^Kaohsiung^ Taichung^Tainan^Pingtung^Nantou^Yunlin^Hsinchu^Changhua^Miaoli^Chiayi^Hualien^Taoyuan^Yilan^ Keelung^Taitung^Kinmen^Mazu^Penghu*Lainnya|Amerika Utara^Amerika Selatan^Asia^Afrika^Eropa^Oseania" //Jika teks berbeda dengan nilainya, silakan masukkan nilai @ setelah teks, seperti: Beijing@010 |Dongcheng@001^Xicheng@002 var TheSplit1 = "*" //Pemisah antara Beijing dan Shanghai var TheSplit2 = "|" //Pemisah antara Beijing dan Dongcheng var TheSplit3 = "^" //Pemisah antara Dongcheng dan Xicheng var TheSplit4 = "@" //Pemisah antara teks dan nilai dapat dihilangkan = "Hebei Tangshan" //Nilai default, ada bug jika nilainya sama. 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 = Array baru( hwArraylength); hwwhere[0]= new hw_comefrom("Silakan pilih @","Silakan pilih @"); for (var hwl=0;hwl<hwArraylength;hwl++) { eval(hwwhere[hwl+1] = new hw_comefrom( hwallselecttextarr[hwl].split(TheSplit2)[0],hwallselecttextarr[hwl].split(TheSplit2)[1])) } fungsi hw_comefrom(hwSelect_s1,hwSelect_s2) { this.hwSelect_s1 = hwSelect_s1; this.hwSelect_s2 = hwSelect_s2 } fungsi hw_select() { dengan(dokumen.semua.hw_1) { var hwSelect_s12 = opsi[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++) { dengan(document.all.hw_2) { panjang = hwSelect_s13.length; .indexOf(TheSplit4)!=-1) { opsi[hwj].text = hwSelect_s13[hwj].split(TheSplit4)[0] opsi[hwj].value = hwSelect_s13[hwj].split(TheSplit4)[1] } else { opsi[hwj].teks = hwSelect_s13[hwj]; opsi[hwj].nilai = hwSelect_s13[hwj]; } var hwSelect_s14=opsi[selectedIndex].value; =hwSelect_s12+""+hwSelect_s14; } function hw_init() { dengan(dokumen.semua.hw_1) { panjang = hwwhere.length var hwm = 0 for(hwk=0;hwk<hwwhere.length;hwk++) { if (hwwhere. [hwk].hwSelect_s1.indexOf(TheSplit4)!=-1) { opsi[hwk].teks = hwwhere[hwk].hwSelect_s1.split(TheSplit4)[0]; opsi[hwk].value = hwwhere[hwk]. hwSelect_s1.split(TheSplit4)[1]; if (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1.split(TheSplit4)[1])!=-1){hwm = hwk} } else { opsi[hwk].teks = hwwhere[hwk].hwSelect_s1; opsi[hwk].value = hwwhere[hwk].hwSelect_s1; jika (hwdefault_value.indexOf(hwwhere[hwk].hwSelect_s1)!=-1){hwm = hwk} } } indeks yang dipilih = hwm } dengan(dokumen.semua.hw_2) { var hwn = 0 hwSelect_s13 = (hwwhere[hwm].hwSelect_s2).split(TheSplit3); panjang = hwSelect_s13.length; untuk(hwl=0;hwl<panjang;hwl++) { jika (hwSelect_s13[hwl].indexOf(TheSplit4)!=-1) { opsi[hwl].teks = hwSelect_s13[hwl].split(TheSplit4)[0]; opsi[hwl].value = hwSelect_s13[hwl].split( TheSplit4)[1]; jika (hwdefault_value.indexOf(hwSelect_s13[hwl].split(TheSplit4)[1])!=-1){hwn = hwl} } else { opsi[hwl].teks = hwSelect_s13[hwl]; pilihan[hwl].nilai = hwSelect_s13[hwl]; if (hwdefault_value.indexOf(hwSelect_s13[hwl])!=-1){hwn = hwl} } } indeks yang dipilih = hwn } } hw_init(); /skrip>