portal html css js resource

searchNew.html 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1.  <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>搜索-科袖网</title>
  8. <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" />
  9. <link href="css/bootstrap.min.css" rel="stylesheet">
  10. <link type="text/css" href="css/common.css" rel="stylesheet">
  11. <link type="text/css" href="css/genindex.css" rel="stylesheet">
  12. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  13. </head>
  14. <body>
  15. <header id="header">
  16. <script src="js/header.js"></script>
  17. </header>
  18. <div id="container">
  19. <div class="containerCon">
  20. <div class="contentCon clearfix">
  21. <div class="col-w-12">
  22. <div class="searchdiv">
  23. <input type="search" name="searchsome" class="searchsome col-w-12" placeholder="筛选" />
  24. <span class="searchgo">搜索</span>
  25. </div>
  26. <div class="filterdiv">
  27. <ul class="choosediv clearfix">
  28. <li class="liactive">找专家</li>
  29. <li>找资源</li>
  30. <li>找文章</li>
  31. </ul>
  32. <ul class="filterListNew clearfix">
  33. <li>
  34. <span class="leftsort">学术领域:</span>
  35. <ul class="filterUl filterUlactive">
  36. <li>不限</li>
  37. <li>材料检测</li>
  38. <li>防腐蚀</li>
  39. <li class="filterCurrent">材料表面与界面</li>
  40. <li>微晶金属材料</li>
  41. <li>黑色金属</li>
  42. <li>金属基复合材料</li>
  43. <li>材料检测</li>
  44. <li>防腐蚀</li>
  45. <li>材料表面与界面</li>
  46. <li>微晶金属材料</li>
  47. <li>黑色金属</li>
  48. <li>金属基复合材料</li>
  49. </ul>
  50. <span class="rightbtn">全部<em class="unfoldtr"></em></span>
  51. </li>
  52. <li>
  53. <span class="leftsort">应用行业:</span>
  54. <ul class="filterUl">
  55. <li class="filterCurrent">不限</li>
  56. <li>材料检测</li>
  57. <li>防腐蚀</li>
  58. <li>材料表面与界面</li>
  59. <li>微晶金属材料</li>
  60. <li>黑色金属</li>
  61. <li>金属基复合材料</li>
  62. <li>材料检测</li>
  63. <li>防腐蚀</li>
  64. <li>材料表面与界面</li>
  65. <li>微晶金属材料</li>
  66. <li>黑色金属</li>
  67. <li>金属基复合材料</li>
  68. </ul>
  69. <span class="rightbtn">全部<em class="foldtr"></em></span>
  70. </li>
  71. <!--选择“找文章”时,所在城市 移除节点-->
  72. <li>
  73. <span class="leftsort">所在城市:</span>
  74. <ul class="filterUl">
  75. <li class="filterCurrent">不限</li>
  76. <li>材料检测</li>
  77. <li>防腐蚀</li>
  78. <li>材料表面与界面</li>
  79. <li>微晶金属材料</li>
  80. <li>黑色金属</li>
  81. <li>金属基复合材料</li>
  82. <li>材料检测</li>
  83. <li>防腐蚀</li>
  84. <li>材料表面与界面</li>
  85. <li>微晶金属材料</li>
  86. <li>黑色金属</li>
  87. <li>金属基复合材料</li>
  88. </ul>
  89. <span class="rightbtn">全部<em class="foldtr"></em></span>
  90. </li>
  91. </ul>
  92. </div>
  93. <div class="listdiv">
  94. <!--找人-->
  95. <ul class="listitemdiv">
  96. <li class="flexCenter">
  97. <a class="linkhref" href="information-brow.html">
  98. <div class="lefthead userheadt userRadius"></div>
  99. <div class="centercon">
  100. <p class="h1font">
  101. <span class="nameSpan">路雅楠</span>
  102. <em class="authiconNew authicon-pro" title="科袖认证专家"></em>
  103. </p>
  104. <p class="h2font ellipsisSty">职称/职位,所在机构</p>
  105. <p class="h2font ellipsisSty">研究方向:材料腐蚀与防护;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;</p>
  106. </div>
  107. </a>
  108. <span class="rightop">咨询</span>
  109. </li>
  110. </ul>
  111. <!--找资源-->
  112. <ul class="listitemdiv listmorediv">
  113. <li class="flexCenter">
  114. <a class="linkhref" href="resourceInfo.html">
  115. <div class="lefthead resouhead"></div>
  116. <div class="centercon">
  117. <p class="h1font">电弧喷涂药芯焊丝实验服务</p>
  118. <p class="h2font ellipsisSty">用途:材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;材料腐蚀与防护;材料腐蚀基因组的工程和应用;</p>
  119. <p class="h2font">
  120. <span class="nameSpan">路雅楠</span>
  121. <em class="authiconNew authicon-pro" title="科袖认证专家"></em>
  122. </p>
  123. </div>
  124. </a>
  125. </li>
  126. <li class="flexCenter">
  127. <a class="linkhref" href="resourceInfo.html">
  128. <div class="lefthead resouhead"></div>
  129. <div class="centercon">
  130. <p class="h1font">电弧喷涂药芯焊丝实验服务</p>
  131. <p class="h2font ellipsisSty">用途:材料腐蚀与防护;材料腐蚀基因组的工程和应用;</p>
  132. <p class="h2font">
  133. <span class="nameSpan">路雅楠</span>
  134. <em class="authiconNew authicon-pro" title="科袖认证专家"></em>
  135. </p>
  136. </div>
  137. </a>
  138. </li>
  139. </ul>
  140. <!--找文章-->
  141. <ul class="listitemdiv listmorediv">
  142. <li class="flexCenter">
  143. <a class="linkhref" href="articalShow.html">
  144. <div class="lefthead articalhead"></div>
  145. <div class="centercon centercon2">
  146. <p class="h1font ellipsisSty">电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
  147. <p class="h2font">
  148. <span class="nameSpan">路雅楠</span>
  149. <em class="authiconNew authicon-pro" title="科袖认证专家"></em>
  150. </p>
  151. </div>
  152. </a>
  153. </li>
  154. <li class="flexCenter">
  155. <a class="linkhref" href="articalShow.html">
  156. <div class="lefthead articalhead"></div>
  157. <div class="centercon centercon2">
  158. <p class="h1font ellipsisSty">电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
  159. <p class="h2font">
  160. <span class="nameSpan">路雅楠</span>
  161. <em class="authiconNew authicon-real" title="实名认证用户"></em>
  162. </p>
  163. </div>
  164. </a>
  165. </li>
  166. </ul>
  167. <div class="tcdPageCode"></div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <footer>
  174. <script type="text/javascript" src="js/footer.js"></script>
  175. </footer>
  176. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  177. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  178. <script type="text/javascript" src="js/jquery.page.js"></script>
  179. <script type="text/javascript" src="js/common.js"></script>
  180. <script type="text/javascript">
  181. $(".tcdPageCode").createPage({
  182. pageCount: Math.ceil(16 / 10),
  183. current: 2
  184. });
  185. //切换搜索范围
  186. $(".choosediv").on("click","li",function(){
  187. $(".choosediv li").removeClass("liactive");
  188. this.classList.add("liactive");
  189. })
  190. //筛选条件的选择
  191. $(".filterUl").on("click","li",function(){
  192. this.parentNode.querySelector('li.filterCurrent').classList.remove("filterCurrent");
  193. this.classList.add("filterCurrent");
  194. })
  195. //筛选条件的展开关闭
  196. $(".filterListNew").on("click",".rightbtn",function(){
  197. if(this.querySelector("em").className == "unfoldtr") {
  198. this.querySelector("em").classList.remove("unfoldtr");
  199. this.querySelector("em").classList.add("foldtr");
  200. this.parentNode.querySelector(".filterUl").classList.remove("filterUlactive");
  201. } else {
  202. this.querySelector("em").classList.add("unfoldtr");
  203. this.querySelector("em").classList.remove("foldtr");
  204. this.parentNode.querySelector(".filterUl").classList.add("filterUlactive");
  205. }
  206. })
  207. </script>
  208. </body>
  209. </html>