portal html css js resource

search.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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 rel="stylesheet" href="css/reset.css" />
  11. <link type="text/css" href="css/common.css" rel="stylesheet">
  12. <link type="text/css" href="css/index.css" rel="stylesheet">
  13. <link type="text/css" href="css/popup.css" rel="stylesheet">
  14. <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
  15. <style type="text/css">
  16. .searchblock{display:none;}
  17. </style>
  18. </head>
  19. <body>
  20. <!--头部-->
  21. <header id="header">
  22. <script src="js/header.js"></script>
  23. </header>
  24. <!--<div class="searchblock searchbox">
  25. <input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">
  26. <div class="search-btn" id="hsearch1"><span class="search-icon"></span></div>
  27. </div>-->
  28. <div id="container">
  29. <div class="content">
  30. <div class="containerCon content-in">
  31. <div class="sear-search">
  32. <div class="simuselect floatL" id="lookFor2">
  33. <div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div>
  34. <ul id="li_show" class="lishow">
  35. <li><div onclick="selectThis2('找专家')">找专家</div></li>
  36. <li><div onclick="selectThis2('找资源')">找资源</div></li>
  37. </ul>
  38. </div>
  39. <!-- <select class="lookwho floatL"><option value="0">找专家</option><option value="1">找资源</option></select> -->
  40. <input type="text" placeholder="输入专家姓名、机构、研究方向等关键字" class="sear-txt" id="searchContent">
  41. <div class="sear-btn" id="search1">搜索</div>
  42. </div>
  43. <!--搜索分类-->
  44. <div class="classify">
  45. <div class="class1">
  46. <div class="title">学术领域:</div>
  47. <div class="area-con" id="subject">
  48. <a href="#" class="colorbg nox"title="">不限</a>
  49. </div>
  50. <span class="andmore">更多<span class="updown"></span></span>
  51. </div>
  52. <div class="class1">
  53. <div class="title">应用行业:</div>
  54. <div class="area-con" id="industry">
  55. <a href="#" class="colorbg no2"title="">不限</a>
  56. </div>
  57. <span class="andmore">更多<span class="updown"></span></span>
  58. </div>
  59. <div class="class1">
  60. <div class="title">所在地点:</div>
  61. <div class="area-con" id="address">
  62. <a href="#" class="colorbg no3"title="">不限</a>
  63. </div>
  64. <span class="andmore">更多<span class="updown"></span></span>
  65. </div>
  66. <!-- <div class="class1">
  67. <div class="title">机构类型:</div>
  68. <a href="#" class="colorbg">不限</a>
  69. <a href="#">高校</a>
  70. <a href="#">研究机构</a>
  71. <a href="#">企业</a>
  72. </div>
  73. <div class="class1">
  74. <div class="title">机构属性:</div>
  75. <a href="#" class="colorbg">不限</a>
  76. <a href="#">985</a>
  77. <a href="#">211</a>
  78. <a href="#">教育部直属</a>
  79. <a href="#">中央部委</a>
  80. </div> -->
  81. </div>
  82. </div>
  83. </div>
  84. <div class="about">
  85. <div class="containerCon">
  86. <!-- <div class="abouttab">
  87. <div class="tabbtn tabcurrent">专家</div>
  88. <div class="tabbtn">资源</div>
  89. <div class="clearfix"></div>
  90. </div> -->
  91. <div class="abouttablist">
  92. <!--/*专家信息*/-->
  93. <div class="aboutcon aboutpro">
  94. <div class="about-in" id="professorList">
  95. </div>
  96. <div class="tcdPageCode"></div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <footer>
  103. <script type="text/javascript" src="js/footer.js"></script>
  104. </footer>
  105. <script type="text/javascript" src="js/jquery.cookie.js"></script>
  106. <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
  107. <script type="text/javascript" src="js/common.js"></script>
  108. <script type="text/javascript" src="js/jquery.page.js"></script>
  109. <script type="text/javascript" src="js/popup.js"></script>
  110. <script type="text/javascript" src="js/search.js"></script>
  111. <script type="text/javascript">
  112. $(document).scroll(function() {
  113. var top = $(document).scrollTop();
  114. if (top >= 80) {
  115. $(".searchblock").stop(true,false).fadeIn();
  116. }else{
  117. $(".searchblock").stop(true,false).fadeOut();
  118. }
  119. })
  120. </script>
  121. </body>
  122. </html>