JS实现带导航城市列表以及输入搜索功能

本文实例为大家分享了JS实现带导航城市列表以及输入搜索功能展示的具体代码,供大家参考,具体内容如下

实现功能:

1.加载城市列表,并生成索引(没有该索引的城市则无索引)
2.点击索引滚动页面到对应索引城市第一个位置
3.输入搜索

分析:

1.加载城市很容易,生成对应的索引。

首先需要得到所有的城市,然后拿出城市的首字母,放入一个数组中,去重并排序,
得到无重复并有序的索引数组后加入到div中显示

2.根据索引进行页面滚动

需要给索引列表添加事件,由于锚点会在链接产生带#号的地址,以及页面会有刷动的效果,索引这里不使用锚点,
因此这里使用jquery或者js的方法进行页面自行滚动

3.进行搜索

首先对整个body内容进行检索,其次对城市列表里面的内容进行检索,查找具体位置,然后高亮显示以及通过添加class或者其它进行快速定位

其余的就是样式问题了。

效果图:

JS实现带导航城市列表以及输入搜索功能

JS实现带导航城市列表以及输入搜索功能

代码:

<%@ page language=\"java\" contentType=\"text/html; charset=UTF-8\" 
  pageEncoding=\"UTF-8\"%> 
<%@ include file=\"/WEB-INF/page/common/tablib.jsp\"%> 
<!doctype html> 
<html lang=\"zh\"> 
<head> 
<meta name=\'viewport\' 
  content=\'width=device-width, initial-scale=1.0, maximum-scale=1.0\' 
  charset=\"UTF-8\" /> 
<title></title> 
<script> 
  var title = \"选择\"; 
  title += \"城市\"; 
  document.title = title; 
   
</script> 
<link rel=\"stylesheet\" href=\"<%=basePath%>/css/base.css\" rel=\"external nofollow\" > 
<script src=\"<%=basePath%>/js/jquery-1.9.0.min.js\"></script> 
  <link rel=\"stylesheet\" href=\"<%=basePath%>/partnercss/${style_path}.css\" rel=\"external nofollow\" > 
<style> 
   
  a:link,a:visited{ 
    text-decoration:none; /*超链接无下划线*/ 
    color: blue; 
  } 
  #float_zm { 
    margin: 2% 2% 2% *; 
    z-index: 90; 
    width: 11%; 
    height: 90%; 
    right: 5px;       
    position:fixed; 
  } 
  #city_div { 
    padding: 0% 2% 2% 1%; 
    width:100%; 
    float: left; 
    margin-top: 2%; 
  } 
  #float_table { 
    right: 5%; 
    top: 9%; 
    position: fixed; 
    height: 90%; 
    text-align: center; 
    color: blue; 
    width:25%; 
  } 
  #float_table tr td{ 
    text-align: right; 
  } 
  #data { 
    width:100%; 
  } 
  #data tr td { 
    border-bottom: 1px solid #e5e5e5; 
    padding: 2% 1% 2% 1%; 
  } 
  #data tr td a{ 
    width:100%; 
  } 
  .highlight { background: yellow; color: red; } 
   
  #showSelectZm{ 
    position:absolute; 
    left:45%; 
    top:40%; 
    border:3px solid #B2D0F7; 
    padding:10px; 
    font:bold 14px verdana,tahoma,helvetica;  
    color:#003366; 
    width:8%; 
    text-align:center; 
  } 
  #seachInput { 
    width: 78%; 
  } 
  #folat_top_div { 
    /* 
    //<!-比导航的字母高一点,不然点击点到字母上去了-> 
    */ 
    z-index: 93; 
    padding-top: 3%; 
    position: fixed; 
    padding-left: 5%; 
    width: 95%; 
    height: 9%; 
    background-color: #efefef; 
  } 
  #body_div { 
    float: left; 
    width: 100%; 
  } 
  .zhanwei_div { 
    height: 9%; 
  } 
  .fade{ 
    position:fixed; 
    right:0; 
    bottom:0; 
    _position:absolute; 
    _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); 
  } 
  .formTips.fade { 
    animation: 3s ease 0s normal both 1 running fade; 
  } 
  .fade { 
    bottom: 0; 
    position: fixed; 
    right: 0; 
  } 
  .formTips { 
    left: 0; 
    position: absolute; 
    text-align: center; 
    width: 100%; 
    z-index: 9999; 
  } 
  .formTips span { 
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; 
    border-radius: 5px; 
    color: #fff; 
    font-size: 14px; 
    padding: 8px 10px; 
  } 
</style> 
</head> 
<body class=\"wrapBg\"> 
<!-- 点击字母提示,暂未使用 --> 
<div id=\"showSelectZm\" style=\"display: none;\"> 
  <span id=\"showZmSpan\"></span> 
</div> 
<!-- 必须使用隐藏的,js中url参数会有问题(&) --> 
<input type=\"hidden\" value=\"${last_url }\" id=\"lastUrl\"> 
 
  <div id=\"folat_top_div\"> 
    <input id=\"seachInput\" name=\"seachInput\" placeholder=\"输入城市中文名\"><!-- 输入城市或城市首字母 --> 
    <button id=\"seachButton\">查找</button> 
  </div> 
  <div id=\"body_div\"> 
    <!-- 列表城市 --> 
    <div id=\"city_div\"> 
       
      <table id=\"data\"> 
      </table> 
    </div> 
     
    <!-- 首字母索引层 --> 
    <div id=\"float_zm\" style=\"vertical-align: middle;\"> 
      <table id=\"float_table\"> 
      </table> 
    </div> 
  </div> 
</body> 
<script> 
var strChineseFirstPY = \"YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQSECCQZGGLLYJLMYZZSECYKYYHQWJSSGGYXYZYJWWKDJHYCHMYXJTLXJYQBYXZLDWRDJRWYSRLDZJPCBZJJBRCFTLECZSTZFXXZHTRQHYBDLYCZSSYMMRFMYQZPWWJJYFCRWFDFZQPYDDWYXKYJAWJFFXYPSFTZYHHYZYSWCJYXSCLCXXWZZXNBGNNXBXLZSZSBSGPYSYZDHMDZBQBZCWDZZYYTZHBTSYYBZGNTNXQYWQSKBPHHLXGYBFMJEBJHHGQTJCYSXSTKZHLYCKGLYSMZXYALMELDCCXGZYRJXSDLTYZCQKCNNJWHJTZZCQLJSTSTBNXBTYXCEQXGKWJYFLZQLYHYXSPSFXLMPBYSXXXYDJCZYLLLSJXFHJXPJBTFFYABYXBHZZBJYZLWLCZGGBTSSMDTJZXPTHYQTGLJSCQFZKJZJQNLZWLSLHDZBWJNCJZYZSQQYCQYRZCJJWYBRTWPYFTWEXCSKDZCTBZHYZZYYJXZCFFZZMJYXXSDZZOTTBZLQWFCKSZSXFYRLNYJMBDTHJXSQQCCSBXYYTSYFBXDZTGBCNSLCYZZPSAZYZZSCJCSHZQYDXLBPJLLMQXTYDZXSQJTZPXLCGLQTZWJBHCTSYJSFXYEJJTLBGXSXJMYJQQPFZASYJNTYDJXKJCDJSZCBARTDCLYJQMWNQNCLLLKBYBZZSYHQQLTWLCCXTXLLZNTYLNEWYZYXCZXXGRKRMTCNDNJTSYYSSDQDGHSDBJGHRWRQLYBGLXHLGTGXBQJDZPYJSJYJCTMRNYMGRZJCZGJMZMGXMPRYXKJNYMSGMZJYMKMFXMLDTGFBHCJHKYLPFMDXLQJJSMTQGZSJLQDLDGJYCALCMZCSDJLLNXDJFFFFJCZFMZFFPFKHKGDPSXKTACJDHHZDDCRRCFQYJKQCCWJDXHWJLYLLZGCFCQDSMLZPBJJPLSBCJGGDCKKDEZSQCCKJGCGKDJTJDLZYCXKLQSCGJCLTFPCQCZGWPJDQYZJJBYJHSJDZWGFSJGZKQCCZLLPSPKJGQJHZZLJPLGJGJJTHJJYJZCZMLZLYQBGJWMLJKXZDZNJQSYZMLJLLJKYWXMKJLHSKJGBMCLYYMKXJQLBMLLKMDXXKWYXYSLMLPSJQQJQXYXFJTJDXMXXLLCXQBSYJBGWYMBGGBCYXPJYGPEPFGDJGBHBNSQJYZJKJKHXQFGQZKFHYGKHDKLLSDJQXPQYKYBNQSXQNSZSWHBSXWHXWBZZXDMNSJBSBKBBZKLYLXGWXDRWYQZMYWSJQLCJXXJXKJEQXSCYETLZHLYYYSDZPAQYZCMTLSHTZCFYZYXYLJSDCJQAGYSLCQLYYYSHMRQQKLDXZSCSSSYDYCJYSFSJBFRSSZQSBXXPXJYSDRCKGJLGDKZJZBDKTCSYQPYHSTCLDJDHMXMCGXYZHJDDTMHLTXZXYLYMOHYJCLTYFBQQXPFBDFHHTKSQHZYYWCNXXCRWHOWGYJLEGWDQCWGFJYCSNTMYTOLBYGWQWESJPWNMLRYDZSZTXYQPZGCWXHNGPYXSHMYQJXZTDPPBFYHZHTJYFDZWKGKZBLDNTSXHQEEGZZYLZMMZYJZGXZXKHKSTXNXXWYLYAPSTHXDWHZYMPXAGKYDXBHNHXKDPJNMYHYLPMGOCSLNZHKXXLPZZLBMLSFBHHGYGYYGGBHSCYAQTYWLXTZQCEZYDQDQMMHTKLLSZHLSJZWFYHQSWSCWLQAZYNYTLSXTHAZNKZZSZZLAXXZWWCTGQQTDDYZTCCHYQZFLXPSLZYGPZSZNGLNDQTBDLXGTCTAJDKYWNSYZLJHHZZCWNYYZYWMHYCHHYXHJKZWSXHZYXLYSKQYSPSLYZWMYPPKBYGLKZHTYXAXQSYSHXASMCHKDSCRSWJPWXSGZJLWWSCHSJHSQNHCSEGNDAQTBAALZZMSSTDQJCJKTSCJAXPLGGXHHGXXZCXPDMMHLDGTYBYSJMXHMRCPXXJZCKZXSHMLQXXTTHXWZFKHCCZDYTCJYXQHLXDHYPJQXYLSYYDZOZJNYXQEZYSQYAYXWYPDGXDDXSPPYZNDLTWRHXYDXZZJHTCXMCZLHPYYYYMHZLLHNXMYLLLMDCPPXHMXDKYCYRDLTXJCHHZZXZLCCLYLNZSHZJZZLNNRLWHYQSNJHXYNTTTKYJPYCHHYEGKCTTWLGQRLGGTGTYGYHPYHYLQYQGCWYQKPYYYTTTTLHYHLLTYTTSPLKYZXGZWGPYDSSZZDQXSKCQNMJJZZBXYQMJRTFFBTKHZKBXLJJKDXJTLBWFZPPTKQTZTGPDGNTPJYFALQMKGXBDCLZFHZCLLLLADPMXDJHLCCLGYHDZFGYDDGCYYFGYDXKSSEBDHYKDKDKHNAXXYBPBYYHXZQGAFFQYJXDMLJCSQZLLPCHBSXGJYNDYBYQSPZWJLZKSDDTACTBXZDYZYPJZQSJNKKTKNJDJGYYPGTLFYQKASDNTCYHBLWDZHBBYDWJRYGKZYHEYYFJMSDTYFZJJHGCXPLXHLDWXXJKYTCYKSSSMTWCTTQZLPBSZDZWZXGZAGYKTYWXLHLSPBCLLOQMMZSSLCMBJCSZZKYDCZJGQQDSMCYTZQQLWZQZXSSFPTTFQMDDZDSHDTDWFHTDYZJYQJQKYPBDJYYXTLJHDRQXXXHAYDHRJLKLYTWHLLRLLRCXYLBWSRSZZSYMKZZHHKYHXKSMDSYDYCJPBZBSQLFCXXXNXKXWYWSDZYQOGGQMMYHCDZTTFJYYBGSTTTYBYKJDHKYXBELHTYPJQNFXFDYKZHQKZBYJTZBXHFDXKDASWTAWAJLDYJSFHBLDNNTNQJTJNCHXFJSRFWHZFMDRYJYJWZPDJKZYJYMPCYZNYNXFBYTFYFWYGDBNZZZDNYTXZEMMQBSQEHXFZMBMFLZZSRXYMJGSXWZJSPRYDJSJGXHJJGLJJYNZZJXHGXKYMLPYYYCXYTWQZSWHWLYRJLPXSLSXMFSWWKLCTNXNYNPSJSZHDZEPTXMYYWXYYSYWLXJQZQXZDCLEEELMCPJPCLWBXSQHFWWTFFJTNQJHJQDXHWLBYZNFJLALKYYJLDXHHYCSTYYWNRJYXYWTRMDRQHWQCMFJDYZMHMYYXJWMYZQZXTLMRSPWWCHAQBXYGZYPXYYRRCLMPYMGKSJSZYSRMYJSNXTPLNBAPPYPYLXYYZKYNLDZYJZCZNNLMZHHARQMPGWQTZMXXMLLHGDZXYHXKYXYCJMFFYYHJFSBSSQLXXNDYCANNMTCJCYPRRNYTYQNYYMBMSXNDLYLYSLJRLXYSXQMLLYZLZJJJKYZZCSFBZXXMSTBJGNXYZHLXNMCWSCYZYFZLXBRNNNYLBNRTGZQYSATSWRYHYJZMZDHZGZDWYBSSCSKXSYHYTXXGCQGXZZSHYXJSCRHMKKBXCZJYJYMKQHZJFNBHMQHYSNJNZYBKNQMCLGQHWLZNZSWXKHLJHYYBQLBFCDSXDLDSPFZPSKJYZWZXZDDXJSMMEGJSCSSMGCLXXKYYYLNYPWWWGYDKZJGGGZGGSYCKNJWNJPCXBJJTQTJWDSSPJXZXNZXUMELPXFSXTLLXCLJXJJLJZXCTPSWXLYDHLYQRWHSYCSQYYBYAYWJJJQFWQCQQCJQGXALDBZZYJGKGXPLTZYFXJLTPADKYQHPMATLCPDCKBMTXYBHKLENXDLEEGQDYMSAWHZMLJTWYGXLYQZLJEEYYBQQFFNLYXRDSCTGJGXYYNKLLYQKCCTLHJLQMKKZGCYYGLLLJDZGYDHZWXPYSJBZKDZGYZZHYWYFQYTYZSZYEZZLYMHJJHTSMQWYZLKYYWZCSRKQYTLTDXWCTYJKLWSQZWBDCQYNCJSRSZJLKCDCDTLZZZACQQZZDDXYPLXZBQJYLZLLLQDDZQJYJYJZYXNYYYNYJXKXDAZWYRDLJYYYRJLXLLDYXJCYWYWNQCCLDDNYYYNYCKCZHXXCCLGZQJGKWPPCQQJYSBZZXYJSQPXJPZBSBDSFNSFPZXHDWZTDWPPTFLZZBZDMYYPQJRSDZSQZSQXBDGCPZSWDWCSQZGMDHZXMWWFYBPDGPHTMJTHZSMMBGZMBZJCFZWFZBBZMQCFMBDMCJXLGPNJBBXGYHYYJGPTZGZMQBQTCGYXJXLWZKYDPDYMGCFTPFXYZTZXDZXTGKMTYBBCLBJASKYTSSQYYMSZXFJEWLXLLSZBQJJJAKLYLXLYCCTSXMCWFKKKBSXLLLLJYXTYLTJYYTDPJHNHNNKBYQNFQYYZBYYESSESSGDYHFHWTCJBSDZZTFDMXHCNJZYMQWSRYJDZJQPDQBBSTJGGFBKJBXTGQHNGWJXJGDLLTHZHHYYYYYYSXWTYYYCCBDBPYPZYCCZYJPZYWCBDLFWZCWJDXXHYHLHWZZXJTCZLCDPXUJCZZZLYXJJTXPHFXWPYWXZPTDZZBDZCYHJHMLXBQXSBYLRDTGJRRCTTTHYTCZWMXFYTWWZCWJWXJYWCSKYBZSCCTZQNHXNWXXKHKFHTSWOCCJYBCMPZZYKBNNZPBZHHZDLSYDDYTYFJPXYNGFXBYQXCBHXCPSXTYZDMKYSNXSXLHKMZXLYHDHKWHXXSSKQYHHCJYXGLHZXCSNHEKDTGZXQYPKDHEXTYKCNYMYYYPKQYYYKXZLTHJQTBYQHXBMYHSQCKWWYLLHCYYLNNEQXQWMCFBDCCMLJGGXDQKTLXKGNQCDGZJWYJJLYHHQTTTNWCHMXCXWHWSZJYDJCCDBQCDGDNYXZTHCQRXCBHZTQCBXWGQWYYBXHMBYMYQTYEXMQKYAQYRGYZSLFYKKQHYSSQYSHJGJCNXKZYCXSBXYXHYYLSTYCXQTHYSMGSCPMMGCCCCCMTZTASMGQZJHKLOSQYLSWTMXSYQKDZLJQQYPLSYCZTCQQPBBQJZCLPKHQZYYXXDTDDTSJCXFFLLCHQXMJLWCJCXTSPYCXNDTJSHJWXDQQJSKXYAMYLSJHMLALYKXCYYDMNMDQMXMCZNNCYBZKKYFLMCHCMLHXRCJJHSYLNMTJZGZGYWJXSRXCWJGJQHQZDQJDCJJZKJKGDZQGJJYJYLXZXXCDQHHHEYTMHLFSBDJSYYSHFYSTCZQLPBDRFRZTZYKYWHSZYQKWDQZRKMSYNBCRXQBJYFAZPZZEDZCJYWBCJWHYJBQSZYWRYSZPTDKZPFPBNZTKLQYHBBZPNPPTYZZYBQNYDCPJMMCYCQMCYFZZDCMNLFPBPLNGQJTBTTNJZPZBBZNJKLJQYLNBZQHKSJZNGGQSZZKYXSHPZSNBCGZKDDZQANZHJKDRTLZLSWJLJZLYWTJNDJZJHXYAYNCBGTZCSSQMNJPJYTYSWXZFKWJQTKHTZPLBHSNJZSYZBWZZZZLSYLSBJHDWWQPSLMMFBJDWAQYZTCJTBNNWZXQXCDSLQGDSDPDZHJTQQPSWLYYJZLGYXYZLCTCBJTKTYCZJTQKBSJLGMGZDMCSGPYNJZYQYYKNXRPWSZXMTNCSZZYXYBYHYZAXYWQCJTLLCKJJTJHGDXDXYQYZZBYWDLWQCGLZGJGQRQZCZSSBCRPCSKYDZNXJSQGXSSJMYDNSTZTPBDLTKZWXQWQTZEXNQCZGWEZKSSBYBRTSSSLCCGBPSZQSZLCCGLLLZXHZQTHCZMQGYZQZNMCOCSZJMMZSQPJYGQLJYJPPLDXRGZYXCCSXHSHGTZNLZWZKJCXTCFCJXLBMQBCZZWPQDNHXLJCTHYZLGYLNLSZZPCXDSCQQHJQKSXZPBAJYEMSMJTZDXLCJYRYYNWJBNGZZTMJXLTBSLYRZPYLSSCNXPHLLHYLLQQZQLXYMRSYCXZLMMCZLTZSDWTJJLLNZGGQXPFSKYGYGHBFZPDKMWGHCXMSGDXJMCJZDYCABXJDLNBCDQYGSKYDQTXDJJYXMSZQAZDZFSLQXYJSJZYLBTXXWXQQZBJZUFBBLYLWDSLJHXJYZJWTDJCZFQZQZZDZSXZZQLZCDZFJHYSPYMPQZMLPPLFFXJJNZZYLSJEYQZFPFZKSYWJJJHRDJZZXTXXGLGHYDXCSKYSWMMZCWYBAZBJKSHFHJCXMHFQHYXXYZFTSJYZFXYXPZLCHMZMBXHZZSXYFYMNCWDABAZLXKTCSHHXKXJJZJSTHYGXSXYYHHHJWXKZXSSBZZWHHHCWTZZZPJXSNXQQJGZYZYWLLCWXZFXXYXYHXMKYYSWSQMNLNAYCYSPMJKHWCQHYLAJJMZXHMMCNZHBHXCLXTJPLTXYJHDYYLTTXFSZHYXXSJBJYAYRSMXYPLCKDUYHLXRLNLLSTYZYYQYGYHHSCCSMZCTZQXKYQFPYYRPFFLKQUNTSZLLZMWWTCQQYZWTLLMLMPWMBZSSTZRBPDDTLQJJBXZCSRZQQYGWCSXFWZLXCCRSZDZMCYGGDZQSGTJSWLJMYMMZYHFBJDGYXCCPSHXNZCSBSJYJGJMPPWAFFYFNXHYZXZYLREMZGZCYZSSZDLLJCSQFNXZKPTXZGXJJGFMYYYSNBTYLBNLHPFZDCYFBMGQRRSSSZXYSGTZRNYDZZCDGPJAFJFZKNZBLCZSZPSGCYCJSZLMLRSZBZZLDLSLLYSXSQZQLYXZLSKKBRXBRBZCYCXZZZEEYFGKLZLYYHGZSGZLFJHGTGWKRAAJYZKZQTSSHJJXDCYZUYJLZYRZDQQHGJZXSSZBYKJPBFRTJXLLFQWJHYLQTYMBLPZDXTZYGBDHZZRBGXHWNJTJXLKSCFSMWLSDQYSJTXKZSCFWJLBXFTZLLJZLLQBLSQMQQCGCZFPBPHZCZJLPYYGGDTGWDCFCZQYYYQYSSCLXZSKLZZZGFFCQNWGLHQYZJJCZLQZZYJPJZZBPDCCMHJGXDQDGDLZQMFGPSYTSDYFWWDJZJYSXYYCZCYHZWPBYKXRYLYBHKJKSFXTZJMMCKHLLTNYYMSYXYZPYJQYCSYCWMTJJKQYRHLLQXPSGTLYYCLJSCPXJYZFNMLRGJJTYZBXYZMSJYJHHFZQMSYXRSZCWTLRTQZSSTKXGQKGSPTGCZNJSJCQCXHMXGGZTQYDJKZDLBZSXJLHYQGGGTHQSZPYHJHHGYYGKGGCWJZZYLCZLXQSFTGZSLLLMLJSKCTBLLZZSZMMNYTPZSXQHJCJYQXYZXZQZCPSHKZZYSXCDFGMWQRLLQXRFZTLYSTCTMJCXJJXHJNXTNRZTZFQYHQGLLGCXSZSJDJLJCYDSJTLNYXHSZXCGJZYQPYLFHDJSBPCCZHJJJQZJQDYBSSLLCMYTTMQTBHJQNNYGKYRQYQMZGCJKPDCGMYZHQLLSLLCLMHOLZGDYYFZSLJCQZLYLZQJESHNYLLJXGJXLYSYYYXNBZLJSSZCQQCJYLLZLTJYLLZLLBNYLGQCHXYYXOXCXQKYJXXXYKLXSXXYQXCYKQXQCSGYXXYQXYGYTQOHXHXPYXXXULCYEYCHZZCBWQBBWJQZSCSZSSLZYLKDESJZWMYMCYTSDSXXSCJPQQSQYLYYZYCMDJDZYWCBTJSYDJKCYDDJLBDJJSODZYSYXQQYXDHHGQQYQHDYXWGMMMAJDYBBBPPBCMUUPLJZSMTXERXJMHQNUTPJDCBSSMSSSTKJTSSMMTRCPLZSZMLQDSDMJMQPNQDXCFYNBFSDQXYXHYAYKQYDDLQYYYSSZBYDSLNTFQTZQPZMCHDHCZCWFDXTMYQSPHQYYXSRGJCWTJTZZQMGWJJTJHTQJBBHWZPXXHYQFXXQYWYYHYSCDYDHHQMNMTMWCPBSZPPZZGLMZFOLLCFWHMMSJZTTDHZZYFFYTZZGZYSKYJXQYJZQBHMBZZLYGHGFMSHPZFZSNCLPBQSNJXZSLXXFPMTYJYGBXLLDLXPZJYZJYHHZCYWHJYLSJEXFSZZYWXKZJLUYDTMLYMQJPWXYHXSKTQJEZRPXXZHHMHWQPWQLYJJQJJZSZCPHJLCHHNXJLQWZJHBMZYXBDHHYPZLHLHLGFWLCHYYTLHJXCJMSCPXSTKPNHQXSRTYXXTESYJCTLSSLSTDLLLWWYHDHRJZSFGXTSYCZYNYHTDHWJSLHTZDQDJZXXQHGYLTZPHCSQFCLNJTCLZPFSTPDYNYLGMJLLYCQHYSSHCHYLHQYQTMZYPBYWRFQYKQSYSLZDQJMPXYYSSRHZJNYWTQDFZBWWTWWRXCWHGYHXMKMYYYQMSMZHNGCEPMLQQMTCWCTMMPXJPJJHFXYYZSXZHTYBMSTSYJTTQQQYYLHYNPYQZLCYZHZWSMYLKFJXLWGXYPJYTYSYXYMZCKTTWLKSMZSYLMPWLZWXWQZSSAQSYXYRHSSNTSRAPXCPWCMGDXHXZDZYFJHGZTTSBJHGYZSZYSMYCLLLXBTYXHBBZJKSSDMALXHYCFYGMQYPJYCQXJLLLJGSLZGQLYCJCCZOTYXMTMTTLLWTGPXYMZMKLPSZZZXHKQYSXCTYJZYHXSHYXZKXLZWPSQPYHJWPJPWXQQYLXSDHMRSLZZYZWTTCYXYSZZSHBSCCSTPLWSSCJCHNLCGCHSSPHYLHFHHXJSXYLLNYLSZDHZXYLSXLWZYKCLDYAXZCMDDYSPJTQJZLNWQPSSSWCTSTSZLBLNXSMNYYMJQBQHRZWTYYDCHQLXKPZWBGQYBKFCMZWPZLLYYLSZYDWHXPSBCMLJBSCGBHXLQHYRLJXYSWXWXZSLDFHLSLYNJLZYFLYJYCDRJLFSYZFSLLCQYQFGJYHYXZLYLMSTDJCYHBZLLNWLXXYGYYHSMGDHXXHHLZZJZXCZZZCYQZFNGWPYLCPKPYYPMCLQKDGXZGGWQBDXZZKZFBXXLZXJTPJPTTBYTSZZDWSLCHZHSLTYXHQLHYXXXYYZYSWTXZKHLXZXZPYHGCHKCFSYHUTJRLXFJXPTZTWHPLYXFCRHXSHXKYXXYHZQDXQWULHYHMJTBFLKHTXCWHJFWJCFPQRYQXCYYYQYGRPYWSGSUNGWCHKZDXYFLXXHJJBYZWTSXXNCYJJYMSWZJQRMHXZWFQSYLZJZGBHYNSLBGTTCSYBYXXWXYHXYYXNSQYXMQYWRGYQLXBBZLJSYLPSYTJZYHYZAWLRORJMKSCZJXXXYXCHDYXRYXXJDTSQFXLYLTSFFYXLMTYJMJUYYYXLTZCSXQZQHZXLYYXZHDNBRXXXJCTYHLBRLMBRLLAXKYLLLJLYXXLYCRYLCJTGJCMTLZLLCYZZPZPCYAWHJJFYBDYYZSMPCKZDQYQPBPCJPDCYZMDPBCYYDYCNNPLMTMLRMFMMGWYZBSJGYGSMZQQQZTXMKQWGXLLPJGZBQCDJJJFPKJKCXBLJMSWMDTQJXLDLPPBXCWRCQFBFQJCZAHZGMYKPHYYHZYKNDKZMBPJYXPXYHLFPNYYGXJDBKXNXHJMZJXSTRSTLDXSKZYSYBZXJLXYSLBZYSLHXJPFXPQNBYLLJQKYGZMCYZZYMCCSLCLHZFWFWYXZMWSXTYNXJHPYYMCYSPMHYSMYDYSHQYZCHMJJMZCAAGCFJBBHPLYZYLXXSDJGXDHKXXTXXNBHRMLYJSLTXMRHNLXQJXYZLLYSWQGDLBJHDCGJYQYCMHWFMJYBMBYJYJWYMDPWHXQLDYGPDFXXBCGJSPCKRSSYZJMSLBZZJFLJJJLGXZGYXYXLSZQYXBEXYXHGCXBPLDYHWETTWWCJMBTXCHXYQXLLXFLYXLLJLSSFWDPZSMYJCLMWYTCZPCHQEKCQBWLCQYDPLQPPQZQFJQDJHYMMCXTXDRMJWRHXCJZYLQXDYYNHYYHRSLSRSYWWZJYMTLTLLGTQCJZYABTCKZCJYCCQLJZQXALMZYHYWLWDXZXQDLLQSHGPJFJLJHJABCQZDJGTKHSSTCYJLPSWZLXZXRWGLDLZRLZXTGSLLLLZLYXXWGDZYGBDPHZPBRLWSXQBPFDWOFMWHLYPCBJCCLDMBZPBZZLCYQXLDOMZBLZWPDWYYGDSTTHCSQSCCRSSSYSLFYBFNTYJSZDFNDPDHDZZMBBLSLCMYFFGTJJQWFTMTPJWFNLBZCMMJTGBDZLQLPYFHYYMJYLSDCHDZJWJCCTLJCLDTLJJCPDDSQDSSZYBNDBJLGGJZXSXNLYCYBJXQYCBYLZCFZPPGKCXZDZFZTJJFJSJXZBNZYJQTTYJYHTYCZHYMDJXTTMPXSPLZCDWSLSHXYPZGTFMLCJTYCBPMGDKWYCYZCDSZZYHFLYCTYGWHKJYYLSJCXGYWJCBLLCSNDDBTZBSCLYZCZZSSQDLLMQYYHFSLQLLXFTYHABXGWNYWYYPLLSDLDLLBJCYXJZMLHLJDXYYQYTDLLLBUGBFDFBBQJZZMDPJHGCLGMJJPGAEHHBWCQXAXHHHZCHXYPHJAXHLPHJPGPZJQCQZGJJZZUZDMQYYBZZPHYHYBWHAZYJHYKFGDPFQSDLZMLJXKXGALXZDAGLMDGXMWZQYXXDXXPFDMMSSYMPFMDMMKXKSYZYSHDZKXSYSMMZZZMSYDNZZCZXFPLSTMZDNMXCKJMZTYYMZMZZMSXHHDCZJEMXXKLJSTLWLSQLYJZLLZJSSDPPMHNLZJCZYHMXXHGZCJMDHXTKGRMXFWMCGMWKDTKSXQMMMFZZYDKMSCLCMPCGMHSPXQPZDSSLCXKYXTWLWJYAHZJGZQMCSNXYYMMPMLKJXMHLMLQMXCTKZMJQYSZJSYSZHSYJZJCDAJZYBSDQJZGWZQQXFKDMSDJLFWEHKZQKJPEYPZYSZCDWYJFFMZZYLTTDZZEFMZLBNPPLPLPEPSZALLTYLKCKQZKGENQLWAGYXYDPXLHSXQQWQCQXQCLHYXXMLYCCWLYMQYSKGCHLCJNSZKPYZKCQZQLJPDMDZHLASXLBYDWQLWDNBQCRYDDZTJYBKBWSZDXDTNPJDTCTQDFXQQMGNXECLTTBKPWSLCTYQLPWYZZKLPYGZCQQPLLKCCYLPQMZCZQCLJSLQZDJXLDDHPZQDLJJXZQDXYZQKZLJCYQDYJPPYPQYKJYRMPCBYMCXKLLZLLFQPYLLLMBSGLCYSSLRSYSQTMXYXZQZFDZUYSYZTFFMZZSMZQHZSSCCMLYXWTPZGXZJGZGSJSGKDDHTQGGZLLBJDZLCBCHYXYZHZFYWXYZYMSDBZZYJGTSMTFXQYXQSTDGSLNXDLRYZZLRYYLXQHTXSRTZNGZXBNQQZFMYKMZJBZYMKBPNLYZPBLMCNQYZZZSJZHJCTZKHYZZJRDYZHNPXGLFZTLKGJTCTSSYLLGZRZBBQZZKLPKLCZYSSUYXBJFPNJZZXCDWXZYJXZZDJJKGGRSRJKMSMZJLSJYWQSKYHQJSXPJZZZLSNSHRNYPZTWCHKLPSRZLZXYJQXQKYSJYCZTLQZYBBYBWZPQDWWYZCYTJCJXCKCWDKKZXSGKDZXWWYYJQYYTCYTDLLXWKCZKKLCCLZCQQDZLQLCSFQCHQHSFSMQZZLNBJJZBSJHTSZDYSJQJPDLZCDCWJKJZZLPYCGMZWDJJBSJQZSYZYHHXJPBJYDSSXDZNCGLQMBTSFSBPDZDLZNFGFJGFSMPXJQLMBLGQCYYXBQKDJJQYRFKZTJDHCZKLBSDZCFJTPLLJGXHYXZCSSZZXSTJYGKGCKGYOQXJPLZPBPGTGYJZGHZQZZLBJLSQFZGKQQJZGYCZBZQTLDXRJXBSXXPZXHYZYCLWDXJJHXMFDZPFZHQHQMQGKSLYHTYCGFRZGNQXCLPDLBZCSCZQLLJBLHBZCYPZZPPDYMZZSGYHCKCPZJGSLJLNSCDSLDLXBMSTLDDFJMKDJDHZLZXLSZQPQPGJLLYBDSZGQLBZLSLKYYHZTTNTJYQTZZPSZQZTLLJTYYLLQLLQYZQLBDZLSLYYZYMDFSZSNHLXZNCZQZPBWSKRFBSYZMTHBLGJPMCZZLSTLXSHTCSYZLZBLFEQHLXFLCJLYLJQCBZLZJHHSSTBRMHXZHJZCLXFNBGXGTQJCZTMSFZKJMSSNXLJKBHSJXNTNLZDNTLMSJXGZJYJCZXYJYJWRWWQNZTNFJSZPZSHZJFYRDJSFSZJZBJFZQZZHZLXFYSBZQLZSGYFTZDCSZXZJBQMSZKJRHYJZCKMJKHCHGTXKXQGLXPXFXTRTYLXJXHDTSJXHJZJXZWZLCQSBTXWXGXTXXHXFTSDKFJHZYJFJXRZSDLLLTQSQQZQWZXSYQTWGWBZCGZLLYZBCLMQQTZHZXZXLJFRMYZFLXYSQXXJKXRMQDZDMMYYBSQBHGZMWFWXGMXLZPYYTGZYCCDXYZXYWGSYJYZNBHPZJSQSYXSXRTFYZGRHZTXSZZTHCBFCLSYXZLZQMZLMPLMXZJXSFLBYZMYQHXJSXRXSQZZZSSLYFRCZJRCRXHHZXQYDYHXSJJHZCXZBTYNSYSXJBQLPXZQPYMLXZKYXLXCJLCYSXXZZLXDLLLJJYHZXGYJWKJRWYHCPSGNRZLFZWFZZNSXGXFLZSXZZZBFCSYJDBRJKRDHHGXJLJJTGXJXXSTJTJXLYXQFCSGSWMSBCTLQZZWLZZKXJMLTMJYHSDDBXGZHDLBMYJFRZFSGCLYJBPMLYSMSXLSZJQQHJZFXGFQFQBPXZGYYQXGZTCQWYLTLGWSGWHRLFSFGZJMGMGBGTJFSYZZGZYZAFLSSPMLPFLCWBJZCLJJMZLPJJLYMQDMYYYFBGYGYZMLYZDXQYXRQQQHSYYYQXYLJTYXFSFSLLGNQCYHYCWFHCCCFXPYLYPLLZYXXXXXKQHHXSHJZCFZSCZJXCPZWHHHHHAPYLQALPQAFYHXDYLUKMZQGGGDDESRNNZLTZGCHYPPYSQJJHCLLJTOLNJPZLJLHYMHEYDYDSQYCDDHGZUNDZCLZYZLLZNTNYZGSLHSLPJJBDGWXPCDUTJCKLKCLWKLLCASSTKZZDNQNTTLYYZSSYSSZZRYLJQKCQDHHCRXRZYDGRGCWCGZQFFFPPJFZYNAKRGYWYQPQXXFKJTSZZXSWZDDFBBXTBGTZKZNPZZPZXZPJSZBMQHKCYXYLDKLJNYPKYGHGDZJXXEAHPNZKZTZCMXCXMMJXNKSZQNMNLWBWWXJKYHCPSTMCSQTZJYXTPCTPDTNNPGLLLZSJLSPBLPLQHDTNJNLYYRSZFFJFQWDPHZDWMRZCCLODAXNSSNYZRESTYJWJYJDBCFXNMWTTBYLWSTSZGYBLJPXGLBOCLHPCBJLTMXZLJYLZXCLTPNCLCKXTPZJSWCYXSFYSZDKNTLBYJCYJLLSTGQCBXRYZXBXKLYLHZLQZLNZCXWJZLJZJNCJHXMNZZGJZZXTZJXYCYYCXXJYYXJJXSSSJSTSSTTPPGQTCSXWZDCSYFPTFBFHFBBLZJCLZZDBXGCXLQPXKFZFLSYLTUWBMQJHSZBMDDBCYSCCLDXYCDDQLYJJWMQLLCSGLJJSYFPYYCCYLTJANTJJPWYCMMGQYYSXDXQMZHSZXPFTWWZQSWQRFKJLZJQQYFBRXJHHFWJJZYQAZMYFRHCYYBYQWLPEXCCZSTYRLTTDMQLYKMBBGMYYJPRKZNPBSXYXBHYZDJDNGHPMFSGMWFZMFQMMBCMZZCJJLCNUXYQLMLRYGQZCYXZLWJGCJCGGMCJNFYZZJHYCPRRCMTZQZXHFQGTJXCCJEAQCRJYHPLQLSZDJRBCQHQDYRHYLYXJSYMHZYDWLDFRYHBPYDTSSCNWBXGLPZMLZZTQSSCPJMXXYCSJYTYCGHYCJWYRXXLFEMWJNMKLLSWTXHYYYNCMMCWJDQDJZGLLJWJRKHPZGGFLCCSCZMCBLTBHBQJXQDSPDJZZGKGLFQYWBZYZJLTSTDHQHCTCBCHFLQMPWDSHYYTQWCNZZJTLBYMBPDYYYXSQKXWYYFLXXNCWCXYPMAELYKKJMZZZBRXYYQJFLJPFHHHYTZZXSGQQMHSPGDZQWBWPJHZJDYSCQWZKTXXSQLZYYMYSDZGRXCKKUJLWPYSYSCSYZLRMLQSYLJXBCXTLWDQZPCYCYKPPPNSXFYZJJRCEMHSZMSXLXGLRWGCSTLRSXBZGBZGZTCPLUJLSLYLYMTXMTZPALZXPXJTJWTCYYZLBLXBZLQMYLXPGHDSLSSDMXMBDZZSXWHAMLCZCPJMCNHJYSNSYGCHSKQMZZQDLLKABLWJXSFMOCDXJRRLYQZKJMYBYQLYHETFJZFRFKSRYXFJTWDSXXSYSQJYSLYXWJHSNLXYYXHBHAWHHJZXWMYLJCSSLKYDZTXBZSYFDXGXZJKHSXXYBSSXDPYNZWRPTQZCZENYGCXQFJYKJBZMLJCMQQXUOXSLYXXLYLLJDZBTYMHPFSTTQQWLHOKYBLZZALZXQLHZWRRQHLSTMYPYXJJXMQSJFNBXYXYJXXYQYLTHYLQYFMLKLJTMLLHSZWKZHLJMLHLJKLJSTLQXYLMBHHLNLZXQJHXCFXXLHYHJJGBYZZKBXSCQDJQDSUJZYYHZHHMGSXCSYMXFEBCQWWRBPYYJQTYZCYQYQQZYHMWFFHGZFRJFCDPXNTQYZPDYKHJLFRZXPPXZDBBGZQSTLGDGYLCQMLCHHMFYWLZYXKJLYPQHSYWMQQGQZMLZJNSQXJQSYJYCBEHSXFSZPXZWFLLBCYYJDYTDTHWZSFJMQQYJLMQXXLLDTTKHHYBFPWTYYSQQWNQWLGWDEBZWCMYGCULKJXTMXMYJSXHYBRWFYMWFRXYQMXYSZTZZTFYKMLDHQDXWYYNLCRYJBLPSXCXYWLSPRRJWXHQYPHTYDNXHHMMYWYTZCSQMTSSCCDALWZTCPQPYJLLQZYJSWXMZZMMYLMXCLMXCZMXMZSQTZPPQQBLPGXQZHFLJJHYTJSRXWZXSCCDLXTYJDCQJXSLQYCLZXLZZXMXQRJMHRHZJBHMFLJLMLCLQNLDXZLLLPYPSYJYSXCQQDCMQJZZXHNPNXZMEKMXHYKYQLXSXTXJYYHWDCWDZHQYYBGYBCYSCFGPSJNZDYZZJZXRZRQJJYMCANYRJTLDPPYZBSTJKXXZYPFDWFGZZRPYMTNGXZQBYXNBUFNQKRJQZMJEGRZGYCLKXZDSKKNSXKCLJSPJYYZLQQJYBZSSQLLLKJXTBKTYLCCDDBLSPPFYLGYDTZJYQGGKQTTFZXBDKTYYHYBBFYTYYBCLPDYTGDHRYRNJSPTCSNYJQHKLLLZSLYDXXWBCJQSPXBPJZJCJDZFFXXBRMLAZHCSNDLBJDSZBLPRZTSWSBXBCLLXXLZDJZSJPYLYXXYFTFFFBHJJXGBYXJPMMMPSSJZJMTLYZJXSWXTYLEDQPJMYGQZJGDJLQJWJQLLSJGJGYGMSCLJJXDTYGJQJQJCJZCJGDZZSXQGSJGGCXHQXSNQLZZBXHSGZXCXYLJXYXYYDFQQJHJFXDHCTXJYRXYSQTJXYEFYYSSYYJXNCYZXFXMSYSZXYYSCHSHXZZZGZZZGFJDLTYLNPZGYJYZYYQZPBXQBDZTZCZYXXYHHSQXSHDHGQHJHGYWSZTMZMLHYXGEBTYLZKQWYTJZRCLEKYSTDBCYKQQSAYXCJXWWGSBHJYZYDHCSJKQCXSWXFLTYNYZPZCCZJQTZWJQDZZZQZLJJXLSBHPYXXPSXSHHEZTXFPTLQYZZXHYTXNCFZYYHXGNXMYWXTZSJPTHHGYMXMXQZXTSBCZYJYXXTYYZYPCQLMMSZMJZZLLZXGXZAAJZYXJMZXWDXZSXZDZXLEYJJZQBHZWZZZQTZPSXZTDSXJJJZNYAZPHXYYSRNQDTHZHYYKYJHDZXZLSWCLYBZYECWCYCRYLCXNHZYDZYDYJDFRJJHTRSQTXYXJRJHOJYNXELXSFSFJZGHPZSXZSZDZCQZBYYKLSGSJHCZSHDGQGXYZGXCHXZJWYQWGYHKSSEQZZNDZFKWYSSTCLZSTSYMCDHJXXYWEYXCZAYDMPXMDSXYBSQMJMZJMTZQLPJYQZCGQHXJHHLXXHLHDLDJQCLDWBSXFZZYYSCHTYTYYBHECXHYKGJPXHHYZJFXHWHBDZFYZBCAPNPGNYDMSXHMMMMAMYNBYJTMPXYYMCTHJBZYFCGTYHWPHFTWZZEZSBZEGPFMTSKFTYCMHFLLHGPZJXZJGZJYXZSBBQSCZZLZCCSTPGXMJSFTCCZJZDJXCYBZLFCJSYZFGSZLYBCWZZBYZDZYPSWYJZXZBDSYUXLZZBZFYGCZXBZHZFTPBGZGEJBSTGKDMFHYZZJHZLLZZGJQZLSFDJSSCBZGPDLFZFZSZYZYZSYGCXSNXXCHCZXTZZLJFZGQSQYXZJQDCCZTQCDXZJYQJQCHXZTDLGSCXZSYQJQTZWLQDQZTQCHQQJZYEZZZPBWKDJFCJPZTYPQYQTTYNLMBDKTJZPQZQZZFPZSBNJLGYJDXJDZZKZGQKXDLPZJTCJDQBXDJQJSTCKNXBXZMSLYJCQMTJQWWCJQNJNLLLHJCWQTBZQYDZCZPZZDZYDDCYZZZCCJTTJFZDPRRTZTJDCQTQZDTJNPLZBCLLCTZSXKJZQZPZLBZRBTJDCXFCZDBCCJJLTQQPLDCGZDBBZJCQDCJWYNLLZYZCCDWLLXWZLXRXNTQQCZXKQLSGDFQTDDGLRLAJJTKUYMKQLLTZYTDYYCZGJWYXDXFRSKSTQTENQMRKQZHHQKDLDAZFKYPBGGPZREBZZYKZZSPEGJXGYKQZZZSLYSYYYZWFQZYLZZLZHWCHKYPQGNPGBLPLRRJYXCCSYYHSFZFYBZYYTGZXYLXCZWXXZJZBLFFLGSKHYJZEYJHLPLLLLCZGXDRZELRHGKLZZYHZLYQSZZJZQLJZFLNBHGWLCZCFJYSPYXZLZLXGCCPZBLLCYBBBBUBBCBPCRNNZCZYRBFSRLDCGQYYQXYGMQZWTZYTYJXYFWTEHZZJYWLCCNTZYJJZDEDPZDZTSYQJHDYMBJNYJZLXTSSTPHNDJXXBYXQTZQDDTJTDYYTGWSCSZQFLSHLGLBCZPHDLYZJYCKWTYTYLBNYTSDSYCCTYSZYYEBHEXHQDTWNYGYCLXTSZYSTQMYGZAZCCSZZDSLZCLZRQXYYELJSBYMXSXZTEMBBLLYYLLYTDQYSHYMRQWKFKBFXNXSBYCHXBWJYHTQBPBSBWDZYLKGZSKYHXQZJXHXJXGNLJKZLYYCDXLFYFGHLJGJYBXQLYBXQPQGZTZPLNCYPXDJYQYDYMRBESJYYHKXXSTMXRCZZYWXYQYBMCLLYZHQYZWQXDBXBZWZMSLPDMYSKFMZKLZCYQYCZLQXFZZYDQZPZYGYJYZMZXDZFYFYTTQTZHGSPCZMLCCYTZXJCYTJMKSLPZHYSNZLLYTPZCTZZCKTXDHXXTQCYFKSMQCCYYAZHTJPCYLZLYJBJXTPNYLJYYNRXSYLMMNXJSMYBCSYSYLZYLXJJQYLDZLPQBFZZBLFNDXQKCZFYWHGQMRDSXYCYTXNQQJZYYPFZXDYZFPRXEJDGYQBXRCNFYYQPGHYJDYZXGRHTKYLNWDZNTSMPKLBTHBPYSZBZTJZSZZJTYYXZPHSSZZBZCZPTQFZMYFLYPYBBJQXZMXXDJMTSYSKKBJZXHJCKLPSMKYJZCXTMLJYXRZZQSLXXQPYZXMKYXXXJCLJPRMYYGADYSKQLSNDHYZKQXZYZTCGHZTLMLWZYBWSYCTBHJHJFCWZTXWYTKZLXQSHLYJZJXTMPLPYCGLTBZZTLZJCYJGDTCLKLPLLQPJMZPAPXYZLKKTKDZCZZBNZDYDYQZJYJGMCTXLTGXSZLMLHBGLKFWNWZHDXUHLFMKYSLGXDTWWFRJEJZTZHYDXYKSHWFZCQSHKTMQQHTZHYMJDJSKHXZJZBZZXYMPAGQMSTPXLSKLZYNWRTSQLSZBPSPSGZWYHTLKSSSWHZZLYYTNXJGMJSZSUFWNLSOZTXGXLSAMMLBWLDSZYLAKQCQCTMYCFJBSLXCLZZCLXXKSBZQCLHJPSQPLSXXCKSLNHPSFQQYTXYJZLQLDXZQJZDYYDJNZPTUZDSKJFSLJHYLZSQZLBTXYDGTQFDBYAZXDZHZJNHHQBYKNXJJQCZMLLJZKSPLDYCLBBLXKLELXJLBQYCXJXGCNLCQPLZLZYJTZLJGYZDZPLTQCSXFDMNYCXGBTJDCZNBGBQYQJWGKFHTNPYQZQGBKPBBYZMTJDYTBLSQMPSXTBNPDXKLEMYYCJYNZCTLDYKZZXDDXHQSHDGMZSJYCCTAYRZLPYLTLKXSLZCGGEXCLFXLKJRTLQJAQZNCMBYDKKCXGLCZJZXJHPTDJJMZQYKQSECQZDSHHADMLZFMMZBGNTJNNLGBYJBRBTMLBYJDZXLCJLPLDLPCQDHLXZLYCBLCXZZJADJLNZMMSSSMYBHBSQKBHRSXXJMXSDZNZPXLGBRHWGGFCXGMSKLLTSJYYCQLTSKYWYYHYWXBXQYWPYWYKQLSQPTNTKHQCWDQKTWPXXHCPTHTWUMSSYHBWCRWXHJMKMZNGWTMLKFGHKJYLSYYCXWHYECLQHKQHTTQKHFZLDXQWYZYYDESBPKYRZPJFYYZJCEQDZZDLATZBBFJLLCXDLMJSSXEGYGSJQXCWBXSSZPDYZCXDNYXPPZYDLYJCZPLTXLSXYZYRXCYYYDYLWWNZSAHJSYQYHGYWWAXTJZDAXYSRLTDPSSYYFNEJDXYZHLXLLLZQZSJNYQYQQXYJGHZGZCYJCHZLYCDSHWSHJZYJXCLLNXZJJYYXNFXMWFPYLCYLLABWDDHWDXJMCXZTZPMLQZHSFHZYNZTLLDYWLSLXHYMMYLMBWWKYXYADTXYLLDJPYBPWUXJMWMLLSAFDLLYFLBHHHBQQLTZJCQJLDJTFFKMMMBYTHYGDCQRDDWRQJXNBYSNWZDBYYTBJHPYBYTTJXAAHGQDQTMYSTQXKBTZPKJLZRBEQQSSMJJBDJOTGTBXPGBKTLHQXJJJCTHXQDWJLWRFWQGWSHCKRYSWGFTGYGBXSDWDWRFHWYTJJXXXJYZYSLPYYYPAYXHYDQKXSHXYXGSKQHYWFDDDPPLCJLQQEEWXKSYYKDYPLTJTHKJLTCYYHHJTTPLTZZCDLTHQKZXQYSTEEYWYYZYXXYYSTTJKLLPZMCYHQGXYHSRMBXPLLNQYDQHXSXXWGDQBSHYLLPJJJTHYJKYPPTHYYKTYEZYENMDSHLCRPQFDGFXZPSFTLJXXJBSWYYSKSFLXLPPLBBBLBSFXFYZBSJSSYLPBBFFFFSSCJDSTZSXZRYYSYFFSYZYZBJTBCTSBSDHRTJJBYTCXYJEYLXCBNEBJDSYXYKGSJZBXBYTFZWGENYHHTHZHHXFWGCSTBGXKLSXYWMTMBYXJSTZSCDYQRCYTWXZFHMYMCXLZNSDJTTTXRYCFYJSBSDYERXJLJXBBDEYNJGHXGCKGSCYMBLXJMSZNSKGXFBNBPTHFJAAFXYXFPXMYPQDTZCXZZPXRSYWZDLYBBKTYQPQJPZYPZJZNJPZJLZZFYSBTTSLMPTZRTDXQSJEHBZYLZDHLJSQMLHTXTJECXSLZZSPKTLZKQQYFSYGYWPCPQFHQHYTQXZKRSGTTSQCZLPTXCDYYZXSQZSLXLZMYCPCQBZYXHBSXLZDLTCDXTYLZJYYZPZYZLTXJSJXHLPMYTXCQRBLZSSFJZZTNJYTXMYJHLHPPLCYXQJQQKZZSCPZKSWALQSBLCCZJSXGWWWYGYKTJBBZTDKHXHKGTGPBKQYSLPXPJCKBMLLXDZSTBKLGGQKQLSBKKTFXRMDKBFTPZFRTBBRFERQGXYJPZSSTLBZTPSZQZSJDHLJQLZBPMSMMSXLQQNHKNBLRDDNXXDHDDJCYYGYLXGZLXSYGMQQGKHBPMXYXLYTQWLWGCPBMQXCYZYDRJBHTDJYHQSHTMJSBYPLWHLZFFNYPMHXXHPLTBQPFBJWQDBYGPNZTPFZJGSDDTQSHZEAWZZYLLTYYBWJKXXGHLFKXDJTMSZSQYNZGGSWQSPHTLSSKMCLZXYSZQZXNCJDQGZDLFNYKLJCJLLZLMZZNHYDSSHTHZZLZZBBHQZWWYCRZHLYQQJBEYFXXXWHSRXWQHWPSLMSSKZTTYGYQQWRSLALHMJTQJSMXQBJJZJXZYZKXBYQXBJXSHZTSFJLXMXZXFGHKZSZGGYLCLSARJYHSLLLMZXELGLXYDJYTLFBHBPNLYZFBBHPTGJKWETZHKJJXZXXGLLJLSTGSHJJYQLQZFKCGNNDJSSZFDBCTWWSEQFHQJBSAQTGYPQLBXBMMYWXGSLZHGLZGQYFLZBYFZJFRYSFMBYZHQGFWZSYFYJJPHZBYYZFFWODGRLMFTWLBZGYCQXCDJYGZYYYYTYTYDWEGAZYHXJLZYYHLRMGRXXZCLHNELJJTJTPWJYBJJBXJJTJTEEKHWSLJPLPSFYZPQQBDLQJJTYYQLYZKDKSQJYYQZLDQTGJQYZJSUCMRYQTHTEJMFCTYHYPKMHYZWJDQFHYYXWSHCTXRLJHQXHCCYYYJLTKTTYTMXGTCJTZAYYOCZLYLBSZYWJYTSJYHBYSHFJLYGJXXTMZYYLTXXYPZLXYJZYZYYPNHMYMDYYLBLHLSYYQQLLNJJYMSOYQBZGDLYXYLCQYXTSZEGXHZGLHWBLJHEYXTWQMAKBPQCGYSHHEGQCMWYYWLJYJHYYZLLJJYLHZYHMGSLJLJXCJJYCLYCJPCPZJZJMMYLCQLNQLJQJSXYJMLSZLJQLYCMMHCFMMFPQQMFYLQMCFFQMMMMHMZNFHHJGTTHHKHSLNCHHYQDXTMMQDCYZYXYQMYQYLTDCYYYZAZZCYMZYDLZFFFMMYCQZWZZMABTBYZTDMNZZGGDFTYPCGQYTTSSFFWFDTZQSSYSTWXJHXYTSXXYLBYQHWWKXHZXWZNNZZJZJJQJCCCHYYXBZXZCYZTLLCQXYNJYCYYCYNZZQYYYEWYCZDCJYCCHYJLBTZYYCQWMPWPYMLGKDLDLGKQQBGYCHJXY\";  
//此处收录了375个多音字,数据来自于http://www.51window.net/page/pinyin  
var oMultiDiff={\"19969\":\"DZ\",\"19975\":\"WM\",\"19988\":\"QJ\",\"20048\":\"YL\",\"20056\":\"SC\",\"20060\":\"NM\",\"20094\":\"QG\",\"20127\":\"QJ\",\"20167\":\"QC\",\"20193\":\"YG\",\"20250\":\"KH\",\"20256\":\"ZC\",\"20282\":\"SC\",\"20285\":\"QJG\",\"20291\":\"TD\",\"20314\":\"YD\",\"20340\":\"NE\",\"20375\":\"TD\",\"20389\":\"YJ\",\"20391\":\"CZ\",\"20415\":\"PB\",\"20446\":\"YS\",\"20447\":\"SQ\",\"20504\":\"TC\",\"20608\":\"KG\",\"20854\":\"QJ\",\"20857\":\"ZC\",\"20911\":\"PF\",\"20504\":\"TC\",\"20608\":\"KG\",\"20854\":\"QJ\",\"20857\":\"ZC\",\"20911\":\"PF\",\"20985\":\"AW\",\"21032\":\"PB\",\"21048\":\"XQ\",\"21049\":\"SC\",\"21089\":\"YS\",\"21119\":\"JC\",\"21242\":\"SB\",\"21273\":\"SC\",\"21305\":\"YP\",\"21306\":\"QO\",\"21330\":\"ZC\",\"21333\":\"SDC\",\"21345\":\"QK\",\"21378\":\"CA\",\"21397\":\"SC\",\"21414\":\"XS\",\"21442\":\"SC\",\"21477\":\"JG\",\"21480\":\"TD\",\"21484\":\"ZS\",\"21494\":\"YX\",\"21505\":\"YX\",\"21512\":\"HG\",\"21523\":\"XH\",\"21537\":\"PB\",\"21542\":\"PF\",\"21549\":\"KH\",\"21571\":\"E\",\"21574\":\"DA\",\"21588\":\"TD\",\"21589\":\"O\",\"21618\":\"ZC\",\"21621\":\"KHA\",\"21632\":\"ZJ\",\"21654\":\"KG\",\"21679\":\"LKG\",\"21683\":\"KH\",\"21710\":\"A\",\"21719\":\"YH\",\"21734\":\"WOE\",\"21769\":\"A\",\"21780\":\"WN\",\"21804\":\"XH\",\"21834\":\"A\",\"21899\":\"ZD\",\"21903\":\"RN\",\"21908\":\"WO\",\"21939\":\"ZC\",\"21956\":\"SA\",\"21964\":\"YA\",\"21970\":\"TD\",\"22003\":\"A\",\"22031\":\"JG\",\"22040\":\"XS\",\"22060\":\"ZC\",\"22066\":\"ZC\",\"22079\":\"MH\",\"22129\":\"XJ\",\"22179\":\"XA\",\"22237\":\"NJ\",\"22244\":\"TD\",\"22280\":\"JQ\",\"22300\":\"YH\",\"22313\":\"XW\",\"22331\":\"YQ\",\"22343\":\"YJ\",\"22351\":\"PH\",\"22395\":\"DC\",\"22412\":\"TD\",\"22484\":\"PB\",\"22500\":\"PB\",\"22534\":\"ZD\",\"22549\":\"DH\",\"22561\":\"PB\",\"22612\":\"TD\",\"22771\":\"KQ\",\"22831\":\"HB\",\"22841\":\"JG\",\"22855\":\"QJ\",\"22865\":\"XQ\",\"23013\":\"ML\",\"23081\":\"WM\",\"23487\":\"SX\",\"23558\":\"QJ\",\"23561\":\"YW\",\"23586\":\"YW\",\"23614\":\"YW\",\"23615\":\"SN\",\"23631\":\"PB\",\"23646\":\"ZS\",\"23663\":\"ZT\",\"23673\":\"YG\",\"23762\":\"TD\",\"23769\":\"ZS\",\"23780\":\"QJ\",\"23884\":\"QK\",\"24055\":\"XH\",\"24113\":\"DC\",\"24162\":\"ZC\",\"24191\":\"GA\",\"24273\":\"QJ\",\"24324\":\"NL\",\"24377\":\"TD\",\"24378\":\"QJ\",\"24439\":\"PF\",\"24554\":\"ZS\",\"24683\":\"TD\",\"24694\":\"WE\",\"24733\":\"LK\",\"24925\":\"TN\",\"25094\":\"ZG\",\"25100\":\"XQ\",\"25103\":\"XH\",\"25153\":\"PB\",\"25170\":\"PB\",\"25179\":\"KG\",\"25203\":\"PB\",\"25240\":\"ZS\",\"25282\":\"FB\",\"25303\":\"NA\",\"25324\":\"KG\",\"25341\":\"ZY\",\"25373\":\"WZ\",\"25375\":\"XJ\",\"25384\":\"A\",\"25457\":\"A\",\"25528\":\"SD\",\"25530\":\"SC\",\"25552\":\"TD\",\"25774\":\"ZC\",\"25874\":\"ZC\",\"26044\":\"YW\",\"26080\":\"WM\",\"26292\":\"PB\",\"26333\":\"PB\",\"26355\":\"ZY\",\"26366\":\"CZ\",\"26397\":\"ZC\",\"26399\":\"QJ\",\"26415\":\"ZS\",\"26451\":\"SB\",\"26526\":\"ZC\",\"26552\":\"JG\",\"26561\":\"TD\",\"26588\":\"JG\",\"26597\":\"CZ\",\"26629\":\"ZS\",\"26638\":\"YL\",\"26646\":\"XQ\",\"26653\":\"KG\",\"26657\":\"XJ\",\"26727\":\"HG\",\"26894\":\"ZC\",\"26937\":\"ZS\",\"26946\":\"ZC\",\"26999\":\"KJ\",\"27099\":\"KJ\",\"27449\":\"YQ\",\"27481\":\"XS\",\"27542\":\"ZS\",\"27663\":\"ZS\",\"27748\":\"TS\",\"27784\":\"SC\",\"27788\":\"ZD\",\"27795\":\"TD\",\"27812\":\"O\",\"27850\":\"PB\",\"27852\":\"MB\",\"27895\":\"SL\",\"27898\":\"PL\",\"27973\":\"QJ\",\"27981\":\"KH\",\"27986\":\"HX\",\"27994\":\"XJ\",\"28044\":\"YC\",\"28065\":\"WG\",\"28177\":\"SM\",\"28267\":\"QJ\",\"28291\":\"KH\",\"28337\":\"ZQ\",\"28463\":\"TL\",\"28548\":\"DC\",\"28601\":\"TD\",\"28689\":\"PB\",\"28805\":\"JG\",\"28820\":\"QG\",\"28846\":\"PB\",\"28952\":\"TD\",\"28975\":\"ZC\",\"29100\":\"A\",\"29325\":\"QJ\",\"29575\":\"SL\",\"29602\":\"FB\",\"30010\":\"TD\",\"30044\":\"CX\",\"30058\":\"PF\",\"30091\":\"YSP\",\"30111\":\"YN\",\"30229\":\"XJ\",\"30427\":\"SC\",\"30465\":\"SX\",\"30631\":\"YQ\",\"30655\":\"QJ\",\"30684\":\"QJG\",\"30707\":\"SD\",\"30729\":\"XH\",\"30796\":\"LG\",\"30917\":\"PB\",\"31074\":\"NM\",\"31085\":\"JZ\",\"31109\":\"SC\",\"31181\":\"ZC\",\"31192\":\"MLB\",\"31293\":\"JQ\",\"31400\":\"YX\",\"31584\":\"YJ\",\"31896\":\"ZN\",\"31909\":\"ZY\",\"31995\":\"XJ\",\"32321\":\"PF\",\"32327\":\"ZY\",\"32418\":\"HG\",\"32420\":\"XQ\",\"32421\":\"HG\",\"32438\":\"LG\",\"32473\":\"GJ\",\"32488\":\"TD\",\"32521\":\"QJ\",\"32527\":\"PB\",\"32562\":\"ZSQ\",\"32564\":\"JZ\",\"32735\":\"ZD\",\"32793\":\"PB\",\"33071\":\"PF\",\"33098\":\"XL\",\"33100\":\"YA\",\"33152\":\"PB\",\"33261\":\"CX\",\"33324\":\"BP\",\"33333\":\"TD\",\"33406\":\"YA\",\"33426\":\"WM\",\"33432\":\"PB\",\"33445\":\"JG\",\"33486\":\"ZN\",\"33493\":\"TS\",\"33507\":\"QJ\",\"33540\":\"QJ\",\"33544\":\"ZC\",\"33564\":\"XQ\",\"33617\":\"YT\",\"33632\":\"QJ\",\"33636\":\"XH\",\"33637\":\"YX\",\"33694\":\"WG\",\"33705\":\"PF\",\"33728\":\"YW\",\"33882\":\"SR\",\"34067\":\"WM\",\"34074\":\"YW\",\"34121\":\"QJ\",\"34255\":\"ZC\",\"34259\":\"XL\",\"34425\":\"JH\",\"34430\":\"XH\",\"34485\":\"KH\",\"34503\":\"YS\",\"34532\":\"HG\",\"34552\":\"XS\",\"34558\":\"YE\",\"34593\":\"ZL\",\"34660\":\"YQ\",\"34892\":\"XH\",\"34928\":\"SC\",\"34999\":\"QJ\",\"35048\":\"PB\",\"35059\":\"SC\",\"35098\":\"ZC\",\"35203\":\"TQ\",\"35265\":\"JX\",\"35299\":\"JX\",\"35782\":\"SZ\",\"35828\":\"YS\",\"35830\":\"E\",\"35843\":\"TD\",\"35895\":\"YG\",\"35977\":\"MH\",\"36158\":\"JG\",\"36228\":\"QJ\",\"36426\":\"XQ\",\"36466\":\"DC\",\"36710\":\"JC\",\"36711\":\"ZYG\",\"36767\":\"PB\",\"36866\":\"SK\",\"36951\":\"YW\",\"37034\":\"YX\",\"37063\":\"XH\",\"37218\":\"ZC\",\"37325\":\"ZC\",\"38063\":\"PB\",\"38079\":\"TD\",\"38085\":\"QY\",\"38107\":\"DC\",\"38116\":\"TD\",\"38123\":\"YD\",\"38224\":\"HG\",\"38241\":\"XTC\",\"38271\":\"ZC\",\"38415\":\"YE\",\"38426\":\"KH\",\"38461\":\"YD\",\"38463\":\"AE\",\"38466\":\"PB\",\"38477\":\"XJ\",\"38518\":\"YT\",\"38551\":\"WK\",\"38585\":\"ZC\",\"38704\":\"XS\",\"38739\":\"LJ\",\"38761\":\"GJ\",\"38808\":\"SQ\",\"39048\":\"JG\",\"39049\":\"XJ\",\"39052\":\"HG\",\"39076\":\"CZ\",\"39271\":\"XT\",\"39534\":\"TD\",\"39552\":\"TD\",\"39584\":\"PB\",\"39647\":\"SB\",\"39730\":\"LG\",\"39748\":\"TPB\",\"40109\":\"ZQ\",\"40479\":\"ND\",\"40516\":\"HG\",\"40536\":\"HG\",\"40583\":\"QJ\",\"40765\":\"YQ\",\"40784\":\"QJ\",\"40840\":\"YK\",\"40863\":\"QJG\"};  
//参数,中文字符串  
//返回值:拼音首字母串数组  
function makePy(str){  
if(typeof(str) != \"string\")  
throw new Error(-1,\"函数makePy需要字符串类型参数!\");  
var arrResult = new Array(); //保存中间结果的数组  
for(var i=0,len=str.length;i<len;i++){  
//获得unicode码  
var ch = str.charAt(i);  
//检查该unicode码是否在处理范围之内,在则返回该码对映汉字的拼音首字母,不在则调用其它函数处理  
arrResult.push(checkCh(ch));  
}  
//处理arrResult,返回所有可能的拼音首字母串数组  
return mkRslt(arrResult);  
}  
function checkCh(ch){  
var uni = ch.charCodeAt(0);  
//如果不在汉字处理范围之内,返回原字符,也可以调用自己的处理函数  
if(uni > 40869 || uni < 19968)  
return ch; //dealWithOthers(ch);  
//检查是否是多音字,是按多音字处理,不是就直接在strChineseFirstPY字符串中找对应的首字母  
return (oMultiDiff[uni]?oMultiDiff[uni]:(strChineseFirstPY.charAt(uni-19968)));  
}  
function mkRslt(arr){  
var arrRslt = [\"\"];  
for(var i=0,len=arr.length;i<len;i++){  
var str = arr[i];  
var strlen = str.length;  
if(strlen == 1){  
for(var k=0;k<arrRslt.length;k++){  
arrRslt[k] += str;  
}  
}else{  
var tmpArr = arrRslt.slice(0);  
arrRslt = [];  
for(k=0;k<strlen;k++){  
//复制一个相同的arrRslt  
var tmp = tmpArr.slice(0);  
//把当前字符str[k]添加到每个元素末尾  
for(var j=0;j<tmp.length;j++){  
tmp[j] += str.charAt(k);  
}  
//把复制并修改后的数组连接到arrRslt上  
arrRslt = arrRslt.concat(tmp);  
}  
}  
}  
return arrRslt;  
}  
//两端去空格函数  
String.prototype.trim = function() {  return this.replace(/(^\\s*)|(\\s*$)/g,\"\"); };  
// 
function getPosition(obj) {  
var top=0;  
var left=0;  
var width=obj.offsetWidth;  
var height=obj.offsetHeight;  
while (obj.offsetParent) {  
top += obj.offsetTop;  
left += obj.offsetLeft;  
obj = obj.offsetParent;  
}  
return {\"top\":top,\"left\":left,\"width\":width,\"height\":height};  
} 
 
function getCityFirst(city){ 
  if(city == \'\') 
    return \'#\'; 
  var str = city.substring(0,1); 
  //多音字处理 
  if(str == \'长\') 
    return \'C\'; 
  else if(str == \'佛\') 
    return \'F\'; 
  else if(str == \'乐\') 
    return \'L\'; 
  else if(str == \'重\') 
    return \'C\'; 
  var arrRslt = makePy(str); 
  return arrRslt[0]; 
} 
</script> 
<script> 
 
  //$(\"#data\").html(\'\'); 
   
  //有序无重复字母列表 
  var sort_first_zm = [];//(城市首字母变量) 
  var j = 0;//城市首字母变量索引 
  var seachIndex = 0;//用来存放搜索的索引,当前查找到第几个 
   
  //添加无重复首字母,用于字母索引,传入参数:城市名 
  function addFirstZM(city){ 
    var ishave = false; 
    var first = getCityFirst(city); 
    for(var i = 0; i < sort_first_zm.length;i++){ 
      if(sort_first_zm[i] == first){ 
        ishave = true; 
        break; 
      } 
    } 
    if(!ishave){ 
      sort_first_zm[j] = first; 
      j++; 
    } 
  } 
   
  //seachInput文本框值改变事件 
  var sCurText; 
  var flag = 0; 
   
  //查找指定文本 
  function findTextInBody(){ 
    //去除所有高亮显示的样式 
    $(\".highlight\").removeClass(\"highlight\"); 
    $(\"[name=highlight]\").attr(\"name\",\"\"); 
     
    //查找匹配  
    var searchText = $(\'#seachInput\').val();//获取你输入的关键字; 
    if(searchText == \'\') 
      return; 
     
    var index = $.trim($(\'#seachInput\').val().toString());//去掉两头空格 
     
    //选择包含文本框值的所有加上focus类样式,并把它(们)移到ul的最前面 
     
    //console.log($(\"td:contains(\'\" + index + \"\')\")); 
     
    var regExp = new RegExp(searchText, \'g\');//创建正则表达式,g表示全局的,如果不用g, 则查找到第一个就不会继续向下查找了;  
    var content = $(\"#data\").text();  
    if (!regExp.test(content)) { 
      createTips(\'没有该城市\'); 
      //showTips(\"没有搜索到该城市\",_searchTop,3,_searchLeft);  
      return;  
    } else { 
      if (sCurText != searchText) {  
        i = 0;  
        sCurText = searchText;  
       }  
    }  
     
    //高亮显示  
    $(\'#data\').find(\'td\').each(function(){  
      var html = $(this).html();  
      //将找到的关键字替换,加上highlight属性; 
      if(html.indexOf(searchText) > -1){ 
        $(this).find(\'span\').addClass(\"highlight\"); 
        $(this).find(\'span\').attr(\"name\",\"highlight\"); 
        flag = 1;  
      } 
      /** 
      var newHtml = html.replace(regExp, \'<span class=\"highlight\">\'+searchText+\'</span>\');  
      $(this).html(newHtml);//更新;  
      */ 
    });  
      
    seachIndex = 0; 
    console.log(\'总共查找到: \' + $(\".highlight\").size()); 
  } 
   
  //文本框值改变后重置掉搜索按钮,并进行一次搜索和定位 
  $(\"#seachInput\").keyup(function (){ 
    $(\"#seachButton\").text(\'查找\'); 
    findTextInBody(); 
  }); 
   
  //搜索按钮被点击 
  //$(\'#seachInput\').keyup(function(){ 
  $(\"#seachButton\").click(function(){ 
    if($(this).text() == \'查找\') 
      findTextInBody(); 
    findNextString(); 
     
  }); 
   
  function findNextString(){ 
    if(seachIndex >= $(\".highlight\").size()) 
      seachIndex = 0; 
    if ($(\".highlight\").size() >= 1) {  
      console.log(\'开始查找第 \' + seachIndex + \" 个\"); 
       
      $(\"#seachButton\").text(\"下一个\"); 
      console.log($(\".highlight\").eq(seachIndex)); 
      //js滚动到页面指定位置定位方法 
      //document.getElementsByName(\"highlight\")[seachIndex].scrollIntoView(); 
       
      //获取查找文本框按钮以及高度 
      var _top = $(\"#folat_top_div\").height(); 
      //设置查找当前索引的符合文本的显示文职 
      //$(\".highlight\").eq(seachIndex).offset({ top: _top + 10});  
       
      //console.log($.scrollTo($(\".highlight\"),$(\".highlight\").eq(seachIndex).offset().top)); 
       
      //jquery滚动到页面指定位置定位方法 
      $(\"html,body\").animate({scrollTop: $(\".highlight\").eq(seachIndex).offset().top - ($(window).height() * 0.07 + 20)},1); 
    }else{ 
      $(\"#seachButton\").text(\"查找\"); 
    } 
    seachIndex++; 
  } 
   
  //搜索无结果提示 
  var tipsDiv = \'<div class=\"tipsClass\"></div>\';  
  $( \'body\' ).append( tipsDiv ); 
  function showTips( tips, height, time,left ){  
    var windowWidth = document.documentElement.clientWidth;  
    $(\'.tipsClass\').text(tips); 
    $( \'div.tipsClass\' ).css({  
    \'top\' : height + \'px\',  
    \'left\' :left + \'px\',  
    \'position\' : \'absolute\',  
    \'padding\' : \'8px 6px\',  
    \'background\': \'#000000\',  
    \'font-size\' : 14 + \'px\',  
    \'font-weight\': 900, 
    \'margin\' : \'0 auto\',  
    \'text-align\': \'center\',  
    \'width\' : \'auto\',  
    \'color\' : \'#fff\',  
    \'border-radius\':\'2px\',  
    \'opacity\' : \'0.8\' , 
    \'box-shadow\':\'0px 0px 10px #000\', 
    \'-moz-box-shadow\':\'0px 0px 10px #000\', 
    \'-webkit-box-shadow\':\'0px 0px 10px #000\' 
    }).show();  
    setTimeout( function(){$( \'div.tipsClass\' ).fadeOut();}, ( time * 1000 ) );  
  } 
   
  //定位字母位置 
  function dingweiByZm(zm){ 
    var _top = $(\"#folat_top_div\").height(); 
    createTips(zm); 
    $(\"html,body\").animate({scrollTop: $(\"span[name=\'\" + zm + \"\']\").offset().top - ($(window).height() * 0.07 + 20)},1); 
  } 
   
  //城市和字母索引列表展示 
  //参数,循环添加数据方法 
  function showCityTable(method){ 
    //开始进行有序显示 
    for ( var zm in sort_first_zm) { 
       
      var now_zm = sort_first_zm[zm]; 
      var show_zm = sort_first_zm[zm]; 
      //为字母列表赋值 
      /** 
      原始js定位 
      var float_text = \"<span name=\'showZmSpan_C\' style=\'width:25%;\' onclick=\\\"document.getElementsByName(\\\'\"; 
      //var float_text = \"<a href=\'#\"; 
      if(now_zm == \'\') 
        now_zm = \"#\"; 
      float_text += now_zm + \"\')[0].scrollIntoView()\\\">\" + now_zm; 
      */ 
      var float_text = \"<span name=\'showZmSpan_C\' style=\'width:25%;\' onclick=\\\"dingweiByZm(\\\'\"; 
      //var float_text = \"<a href=\'#\"; 
      if(now_zm == \'\') 
        now_zm = \"#\"; 
      float_text += now_zm + \"\')\\\">\" + now_zm; 
      float_text += \"</span>\"; 
      var insert_float = document.getElementById(\"float_table\").insertRow(document.getElementById(\"float_table\").rows.length); 
      var colZM = insert_float.insertCell(0); 
       
      float_text = now_zm; 
      colZM.innerHTML = float_text; 
      //漂浮字母导航td点击事件 
      colZM.onclick = function (){ 
        var cli = $(this).html().trim(); 
        dingweiByZm(cli); 
        //document.getElementsByName(cli)[0].scrollIntoView(); 
      }; 
      //insert_float.insertCell(0).innerHTML = float_text; 
       
      //为城市列表赋值 
      var text = \"<span name=\'\" + now_zm + \"\'>\" + now_zm + \"</span>\"; 
       
      var insert = document.getElementById(\"data\").insertRow(document.getElementById(\"data\").rows.length); 
      insert.insertCell(0).innerHTML = text; 
       
      method(show_zm); 
    } 
  } 
   
  //将城市添加到列表中,以及添加事件 
  //参数:城市value(值),城市名,当前展示的字母 
  function addHtmlToTable(city_code,city_desc,show_zm){ 
    if(show_zm == getCityFirst(city_desc)){ 
      var insert = document.getElementById(\"data\").insertRow(document.getElementById(\"data\").rows.length); 
      var coll = insert.insertCell(0); 
      coll.innerHTML = \'<span onclick=\"gotoLast(\' + city_code +\',\\\'\' + city_desc + \'\');\">\' + 
        city_desc + \'</span>\'; 
      coll.onclick = function (){gotoLast(city_code,city_desc);}; 
      //insert.insertCell(1).innerHTML = \'字母  ${li.city_first_zm}\'; 
    } 
  } 
   
  //如果是社保和公积金 
  if(\'${type}\' == \'social\' || \'${type}\' == \'provident\'){ 
    <c:forEach var=\"t\" items=\"${belongList}\"> 
      addFirstZM(\'${t.city_desc}\'); 
    </c:forEach> 
    //排序赋值 
    sort_first_zm = sort_first_zm.sort(); 
    //fruits.sort();  
    //fruits.reverse();  
     
    //console.log(document.getElementById(\"data\")); 
    showCityTable(function data(show_zm){ 
      <c:forEach var=\"li\" items=\"${belongList}\"> 
        //console.log(\'${li.city_desc}\'); 
        addHtmlToTable(\'${li.city_code}\',\'${li.city_desc}\',show_zm); 
      </c:forEach> 
    }); 
  } 
   
  /** 
  for(var i = 0; i < \'${belongList.size()}\';i++){ 
    console.log(i); 
    var da = \'${belongList.size()}\'; 
    sort_first_zm[i] =  
  } 
  $(\"#data\"); 
  */ 
  $(\"span[name=\'showZmSpan_C\']\").each(function (){ 
    $(this).click(function (t){ 
      console.log($(this)); 
      //$(\"#showZmSpan\").css(\"top\",\"45%\"); 
      $(\"#showZmSpan\").css(\"display\",\"\"); 
    }); 
  }); 
   
function gotoLast(code,city){ 
  var lasturl = document.getElementById(\"lastUrl\").value; 
  if(lasturl == \'\') 
    lasturl = document.location.href; 
  while(lasturl.indexOf(\'&undefined&\') > -1 || lasturl.indexOf(\' \') > -1 
    || lasturl.indexOf(\'city_code\') > -1 || lasturl.indexOf(\'city\') > -1 
    || lasturl.indexOf(\' \') > -1){ 
     
    if(lasturl.indexOf(\'city_code\') > -1){ 
      var top = lasturl.split(\'city_code\')[0]; 
      var next = lasturl.split(\'city_code\')[1].split(\"&\")[1]; 
      lasturl = top + next; 
    } 
    if(lasturl.indexOf(\'&undefined&\') > -1){ 
      lasturl = lasturl.replace(\"&undefined&\",\"\"); 
    } 
    /** 
    if(lasturl.indexOf(\'undefined\') > -1){ 
      lasturl = lasturl.replace(\"undefined\",\"\"); 
    } 
    */ 
    if(lasturl.indexOf(\' \') > -1){ 
      lasturl = lasturl.replace(\" \",\"\"); 
    } 
    if(lasturl.indexOf(\'city\') > -1){ 
      var top = lasturl.split(\'city\')[0]; 
      var next = lasturl.split(\'city\')[1].split(\"&\")[1]; 
      lasturl = top + next; 
    } 
  } 
   
  while(lasturl.indexOf(\'undefined\') > -1){ 
    lasturl = lasturl.replace(\"undefined\",\"\"); 
  } 
  while(lasturl.indexOf(\'&&\') > -1){ 
    lasturl = lasturl.replace(\"&&\",\"&\"); 
  } 
  window.location.href = lasturl + \"&city_code=\" + code + \"&city=\" + city; 
} 
 
/*提示框*/ 
function createTips(msg){  
    var $tips = $(\'#formTips\'), 
    top = $(window).height() / 2; 
     
     
    if($tips.length == 0){ 
      $tips = $(\'<div class=\"formTips\" id=\"formTips\"><span></span></div>\'); 
      $(\'body\').append($tips); 
      $tips.find(\'span\').html(msg); 
      $tips.css(\'top\',top) 
      .addClass(\'fade\'); 
    }else{ 
      $tips.removeClass(\'fade\') 
      .find(\'span\') 
      .html(msg); 
      $tips.css(\'top\', top) 
      .show() 
      .addClass(\'fade\'); 
    } 
} 
</script> 
</html> 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容