iTakeo

模仿京东的城市选择组件.

模仿京东的城市选择组件。支持无限选择,只要在地区json里面添加数据即可。

HTML结构:

  1. <!–主体内容–>  
  2. <div id=“store-selector”>  
  3.     <div class=“text”><div id=“locationName”>上海市</div><b></b></div>  
  4.     <!–数据显示–>  
  5.     <div class=“content”>             
  6.         <div class=“JD-stock”>  
  7.             <ul class=“tab”  id=“tabs”>  
  8.                 <li class=“curr” data-index=“0”><a class=“hover” href=“javascript:;”><em>上海市</em></a></li>  
  9.                 <li data-index=“1”><a class=“” href=“javascript:;”><em></em></a></li>  
  10.                 <li data-index=“2”><a class=“” href=“javascript:;”><em></em></a></li>  
  11.                 <li data-index=“3”><a class=“” href=“javascript:;”><em></em></a></li>  
  12.             </ul>  
  13.             <!– 城市选择区域 –>  
  14.             <div id=“stock_province_item” data-widget=“tab-content” data-area=“0” class=“mc”></div>  
  15.         </div>  
  16.         <!– 关闭 –>  
  17.         <div class=“close” id=“d-close”></div>  
  18.     </div>  
  19. </div>  

调用:

  1. maps();  

上海市

数据都存在json.js里面。

点击这里下载Demo



2015/08/21 0 / /
标签:  暂无标签

验证码: 2 + 9 =

回到顶部