Ein Beispiel für Quellcode für den Seitenlade-Animationseffekt 2

<script language="JavaScript"> <!-- //Sekundäres Menü 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*Innere Mongolei|Hohhot^Baotou^Wuhai ^Chifeng^Hulunbuir Liga^Alxa Liga^Jerimu Liga^Xing'an Liga^Ulanqab Liga^Xilingol Liga^ 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 ^Südöstliches Guizhou^Qiannan*Yunnan|Kunming^Dali^Qujing^Yuxi^Zhaotong^Chuxiong^Roter Fluss^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| ^ Dingxi^ Longnan^ Pingliang^ Qingyang^ Linxia^ Gannan* Ningxia|. Yinchuan^ Shizuishan^ Wuzhong^ Guyuan*Qinghai | Taichung^Tainan^Pingtung^Nantou^Yunlin^Hsinchu^Changhua^Miaoli^Chiayi^Hualien^Taoyuan^Yilan^ Keelung^Taitung^Kinmen^Mazu^Penghu*Andere|Nordamerika^Südamerika^Asien^Afrika^Europa^Ozeanien" //Wenn sich der Text vom Wert unterscheidet, geben Sie bitte den @-Wert nach dem Text ein, z. B.: Beijing@010 |Dongcheng@001^Xicheng@002 var TheSplit1 = "*" //Das Trennzeichen zwischen Peking und Shanghai var TheSplit2 = "|" //Das Trennzeichen zwischen Beijing und Dongcheng var TheSplit3 = "^" //Das Trennzeichen zwischen Dongcheng und Xicheng var TheSplit4 = "@" //Das Trennzeichen zwischen Text und Wert kann weggelassen werden var hw_selecttext var hwdefault_value = "Hebei Tangshan" //Standardwert, es gibt einen Fehler, wenn die Werte gleich sind. 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("Bitte wählen Sie @ aus", "Bitte wählen Sie @"); 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) { Optionen[hwj].text = hwSelect_s13[hwj].split(TheSplit4)[0] Optionen[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; } } =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>