suppliersPrice.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
  5. <link href="css/globalLayout.css" rel="stylesheet" type="text/css" />
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. <script src="js/jquery-1.7.1.min.js"></script>
  8. <script src="js/global.js"></script>
  9. </head>
  10. <body>
  11. <div class="globalHeader">
  12. <div class="width960">
  13. <div class="siteNav clearfix">
  14. <div class="fL navLogoBar"><a href="#" class="webSwitch" title="切换纵横知道其他网站"></a><a href="#" title="纵横知道·文库" class="navLogo jgLogo"></a>
  15. <div class="switchItem">
  16. <a href="#" class="navLogo wkLogo" title="纵横知道·价格信息"></a>
  17. <a href="#" class="navLogo wdLogo" title="纵横知道·问答"></a>
  18. </div>
  19. </div>
  20. <div class="navWelcome fL">共<b>60280</b>项材料价格供您查询!</div>
  21. <div class="fR navLoginBar">
  22. <div class="signItem">
  23. <a href="#">注册通行帐号</a>
  24. </div>
  25. <div class="loginItem">
  26. <a class="loginBtn">登&nbsp;录</a>
  27. <div class="loginPanel">
  28. <dl>
  29. <dt>帐号/邮箱</dt>
  30. <dd><input class="inputBd"></dd>
  31. <dt><a href="#" class="fR">忘记密码</a>密码</dt>
  32. <dd><input class="inputBd" type="password"></dd>
  33. <dt class="erroTips">帐号/邮箱或者密码错误!</dt>
  34. <dd class="btnItem clearfix"><div class="fL"><input type="checkbox">&nbsp;记住我</a></div><a href="#" class="button btn-green">登录</a></dd>
  35. </dl>
  36. <div class="openAun clearfix">
  37. <a href="#">使用新浪微博,腾讯微博,QQ帐号等登录+</a>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="header">
  44. <div class="headerBd clearfix">
  45. <h1 class="fL"><a href="#" title="纵横知道·价格信息"></a></h1>
  46. <div class="searchPanel fR">
  47. <div class="searchInput"><div class="leftRadius"></div><input></div><a class="searchBtn">查询报价</a>&nbsp;&nbsp;&nbsp;<a class="askBtn">我要询价</a>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="mainNav">
  53. <div class="mainNavBd clearfix">
  54. <ul class="navList">
  55. <li class="nav0"><a href="#"><span>首页</span></a></li>
  56. <li class="nav1"><a href="#"><span>价格信息</span></a></li>
  57. <li class="nav2"><a href="#" class="over"><span>供应商报价</span></a></li>
  58. <li class="nav3"><a href="#"><span>在线询价</span></a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. <div class="warpPrice clearfix width90p">
  64. <div class="sideBar fL">
  65. <div class="boxStyle">
  66. <div class="boxStyleBd">
  67. <h3><a href="#" class="fR">所有供应商</a>供应商分类</h3>
  68. <dl class="firMenu">
  69. <dd><span class="unfold">钢铁产品</span>
  70. <ul class="secMenu">
  71. <li><span class="unfold">板材</span>
  72. <ul class="thrMenu">
  73. <li><a href="#">-钢板</a></li>
  74. <li><a href="#">-镀锌钢板</a></li>
  75. <li><a href="#">-波形钢板</a></li>
  76. </ul>
  77. </li>
  78. <li><span class="unfold">线材</span>
  79. <ul class="thrMenu">
  80. <li><a href="#">-光园钢筋</a></li>
  81. <li><a href="#">-带肋钢筋</a></li>
  82. <li><a href="#">-冷轧带肋钢筋网</a></li>
  83. <li><a href="#">-环氧光圆钢筋</a></li>
  84. <li><a href="#">-环氧带肋钢筋</a></li>
  85. <li><a href="#">-高强钢丝</a></li>
  86. </ul>
  87. </li>
  88. <li><span>管材</a></li>
  89. <li><span>型材</a></li>
  90. </ul>
  91. </dd>
  92. <dd><span class="unfold">商品沥青、混凝土</span>
  93. <ul class="secMenu">
  94. <li><span class="unfold"><a href="#">石油沥青</a></span>
  95. </li>
  96. <li><span class="unfold"><a href="#">改性沥青</a></span>
  97. </li>
  98. </ul>
  99. </dd>
  100. <dd><span>水泥</span></dd>
  101. <dd><span>木材</span></dd>
  102. </dl>
  103. </div>
  104. </div>
  105. </div>
  106. <script>
  107. function autoFlashHeight(){
  108. $(".firMenu").height($(window).height()-250 );
  109. };
  110. $(window).resize(autoFlashHeight);
  111. </script>
  112. <script type="text/javascript">autoFlashHeight();</script>
  113. <div class="mainContent">
  114. <div class="mainCrumb">
  115. <b>当前位置:</b><a href="#">首页</a>&nbsp;>&nbsp;<a href="#">供应商报价</a>&nbsp;>&nbsp;<a href="#">钢铁产品</a>&nbsp;>&nbsp;线材
  116. </div>
  117. <div class="pirceContent boxShadow">
  118. <div class="selection">
  119. <h3>筛选条件</h3>
  120. <table class="selItem">
  121. <tr><th>地区</td>
  122. <td><a href="#" class="cur">不限</a></td><td><a href="#">上海</a></td><td><a href="#">河北</a></td><td><a href="#">广东</a></td><td><a href="#">北京</a></td><td><a href="#">江苏</a></td>
  123. <td><a href="#">辽宁</a></td><td><a href="#">天津</a></td><td><a href="#">广西</a></td><td><a href="#">陕西</a></td><td><a href="#">河南</a></td><td><a href="#">黑龙江</a></td>
  124. <td><a href="#">鲁东</a></td><td><a href="#">鲁西</a></td><td><a href="#">山西</a></td>
  125. </tr>
  126. <tr><th></td>
  127. <td><a href="#">四川</a></td><td><a href="#">湖南</a></td><td><a href="#">湖北</a></td><td><a href="#">福建</a></td><td><a href="#">浙江</a></td><td><a href="#">江西</a></td><td><a href="#">安徽</a></td>
  128. <td><a href="#">甘青宁</a></td><td><a href="#">新疆</a></td><td><a href="#">云南</a></td><td><a href="#">内蒙</a></td><td><a href="#">贵州</a></td><td><a href="#">重庆</a></td>
  129. <td><a href="#">海南</a></td><td><a href="#">吉林</a></td>
  130. </tr>
  131. </table>
  132. <table>
  133. <tr>
  134. <th>时间</th><td><input class="inputText"></td>
  135. </tr>
  136. </table>
  137. <div class="suppliersAd clearfix">
  138. <ul>
  139. <li><a href="#">深圳市一诺鑫金属有限公司</a></li><li><a href="#">海南隆兴防水材料分公司</a></li><li><a href="#">中山市乘盛建材开发有限公司</a></li><li><a href="#">佛山市新景装饰材料制造有限公司</a></li>
  140. <li><a href="#">广州天阶建材有限公司</a></li><li><a href="#">广州市海珠区发筛网制造厂</a></li><li><a href="#">佛山市利才不锈钢有限公司</a></li><li><a href="#" class="addBtn">我也要出现在这</a></li>
  141. </ul>
  142. </div>
  143. </div>
  144. <div class="priceList">
  145. <table class="globalTable">
  146. <thead><tr><th>名称</th><th>型号/规格</th><th class="uniyWidth">单位</th><th class="oriceWidth">价格</th><th class="areaWidth">地区</th><th>供应商</th></tr></thead>
  147. <tbody>
  148. <tr>
  149. <td><a href="#">波纹管接头</a></td><td>35mm</td><td></td><td>999</td><td><a href="#">河北</a></td><td><a href="#">广州天阶建材有限公司</a></td>
  150. </tr>
  151. <tr>
  152. <td><a href="#">波纹管接头</a></td><td>35mm</td><td></td><td>999</td><td><a href="#">北京</a></td><td><a href="#">广州天阶建材有限公司</a></td>
  153. </tr>
  154. <tr>
  155. <td><a href="#">波纹管接头</a></td><td>35mm</td><td></td><td>999</td><td><a href="#">天津</a></td><td><a href="#">广州天阶建材有限公司</a></td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. <div class="pageLoad">加载中...请稍候!</div>
  160. <div class="pageNav"><div class="pageList"><div class="moreList">
  161. <a href="#">第&nbsp;5&nbsp;页</a><a href="#">第&nbsp;4&nbsp;页</a><a href="#">第&nbsp;3&nbsp;页</a><a href="#">第&nbsp;2&nbsp;页</a><a class="cur" href="#">第&nbsp;1&nbsp;页</a>
  162. </div>
  163. <a href="#">第&nbsp;1&nbsp;页<span class="more"></span></a></div><div class="pageBtn"><a class="button btn-gray" href="#">下一页</a></div></div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="globalFooter warpContent">
  169. <div class="footNav"><a href="#">关于我们</a><a href="#">帮助中心</a><a href="#">联系我们</a><a href="#">服务条款</a><a href="#">意见建议</a></div>
  170. <div class="copyright">Copyright © 2012 <a href="http://www.smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved<br>粤ICP备10042688号</div>
  171. </div>
  172. </body>