Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 376 Publications 0 Wiki
Parcourir la Source

新版搜索

luyanan 7 ans auparavant
Parent
7f6f12af99
commit
97b87c0343
1 fichiers modifiés avec 204 ajouts et 0 suppressions
Vue séparée Afficher les stats Diff
  1. 204 0
      searchNew.html

+ 204 - 0
searchNew.html
Voir le fichier 

@ -0,0 +1,204 @@
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
14 
</head>
15
16 
<body>
17 
<header id="header">
18 
	<script src="js/header.js"></script>
19 
</header>
20 
<div id="container">
21 
	<div class="containerCon">
22 
		<div class="contentCon clearfix">
23 
			<div class="col-w-12">
24 
				<div class="searchdiv">
25 
					<input type="search" name="searchsome" class="searchsome col-w-12" placeholder="筛选" />
26 
					<span class="searchgo">搜索</span>
27 
				</div>
28 
				<div class="filterdiv">
29 
					<ul class="choosediv clearfix">
30 
						<li class="liactive">找专家</li>
31 
						<li>找资源</li>
32 
						<li>找文章</li>
33 
					</ul>
34 
					<ul class="filterListNew clearfix">
35 
						<li>
36 
							<span class="leftsort">学术领域：</span>
37 
							<ul class="filterUl filterUlactive">
38 
								<li>不限</li>
39 
					       		<li>材料检测</li>
40 
					       		<li>防腐蚀</li>
41 
					       		<li class="filterCurrent">材料表面与界面</li>
42 
					       		<li>微晶金属材料</li>
43 
					       		<li>黑色金属</li>
44 
					       		<li>金属基复合材料</li>
45 
					       		<li>材料检测</li>
46 
					       		<li>防腐蚀</li>
47 
					       		<li>材料表面与界面</li>
48 
					       		<li>微晶金属材料</li>
49 
					       		<li>黑色金属</li>
50 
					       		<li>金属基复合材料</li>
51 
					       	</ul>
52 
					       	<span class="rightbtn">全部<em class="unfoldtr"></em></span>
53 
				       	</li>
54 
				       	<li>
55 
							<span class="leftsort">应用行业：</span>
56 
							<ul class="filterUl">
57 
								<li class="filterCurrent">不限</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 
					       		<li>黑色金属</li>
69 
					       		<li>金属基复合材料</li>
70 
					       	</ul>
71 
					       	<span class="rightbtn">全部<em class="foldtr"></em></span>
72 
				       	</li>
73 
				       	<!--选择“找文章”时，所在城市 移除节点-->
74 
				       	<li>
75 
							<span class="leftsort">所在城市：</span>
76 
							<ul class="filterUl">
77 
								<li class="filterCurrent">不限</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 
					       		<li>黑色金属</li>
89 
					       		<li>金属基复合材料</li>
90 
					       	</ul>
91 
					       	<span class="rightbtn">全部<em class="foldtr"></em></span>
92 
				       	</li>
93 
					</ul>
94 
				</div>
95 
				<div class="listdiv">
96 
					<!--找人-->
97 
					<ul class="listitemdiv">
98 
						<li>
99 
							<a class="linkhref" href="information-brow.html">
100 
								<div class="lefthead userheadt userRadius"></div>
101 
								<div class="centercon">
102 
									<p class="h1font">
103 
										<span class="nameSpan">路雅楠</span>
104 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
105 
									</p>
106 
									<p class="h2font">教授级高工，董事长监CEO</p>
107 
									<p class="h2font ellipsisSty">研究方向：材料腐蚀与防护；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
108 
								</div>
109 
							</a>
110 
							<span class="rightop">咨询</span>
111 
						</li>
112 
					</ul>
113 
					<!--找资源-->
114 
					<ul class="listitemdiv listmorediv">
115 
						<li>
116 
							<a class="linkhref" href="resourceInfo.html">
117 
								<div class="lefthead resouhead"></div>
118 
								<div class="centercon">
119 
									<p class="h1font">电弧喷涂药芯焊丝实验服务</p>
120 
									<p class="h2font ellipsisSty-2">应用用途：材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
121 
								</div>
122 
							</a>
123 
						</li>
124 
						<li>
125 
							<a class="linkhref" href="resourceInfo.html">
126 
								<div class="lefthead resouhead"></div>
127 
								<div class="centercon">
128 
									<p class="h1font">电弧喷涂药芯焊丝实验服务</p>
129 
									<p class="h2font ellipsisSty-2">应用用途：材料腐蚀与防护；材料腐蚀基因组的工程和应用；</p>
130 
								</div>
131 
							</a>
132 
						</li>
133 
					</ul>
134 
					<!--找文章-->
135 
					<ul class="listitemdiv listmorediv">
136 
						<li>
137 
							<a class="linkhref" href="articalInfo.html">
138 
								<div class="lefthead articalhead"></div>
139 
								<div class="centercon">
140 
									<p class="h1font">电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
141 
									<p class="h1font">
142 
										<span class="nameSpan">路雅楠</span>
143 
										<em class="authiconNew authicon-pro" title="科袖认证专家"></em>
144 
									</p>
145 
								</div>
146 
							</a>
147 
						</li>
148 
						<li>
149 
							<a class="linkhref" href="articalInfo.html">
150 
								<div class="lefthead articalhead"></div>
151 
								<div class="centercon">
152 
									<p class="h1font">电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务电弧喷涂药芯焊丝实验服务</p>
153 
									<p class="h1font">
154 
										<span class="nameSpan">路雅楠</span>
155 
										<em class="authiconNew authicon-real" title="实名认证用户"></em>
156 
									</p>
157 
								</div>
158 
							</a>
159 
						</li>
160 
					</ul>
161 
					<div class="tcdPageCode"></div>
162 
				</div>
163 
			</div>
164 
		</div>
165 
	</div>
166 
</div>
167 
<footer>
168 
	<script type="text/javascript" src="js/footer.js"></script>
169 
</footer>
170
171 
<script type="text/javascript" src="js/jquery.cookie.js"></script>
172 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
173 
<script type="text/javascript" src="js/jquery.page.js"></script>
174 
<script type="text/javascript" src="js/common.js"></script>
175 
<script type="text/javascript">
176 
	$(".tcdPageCode").createPage({
177 
		pageCount: Math.ceil(16 / 10),
178 
		current: 2
179 
	});
180 
	//切换搜索范围
181 
	$(".choosediv").on("click","li",function(){
182 
		$(".choosediv li").removeClass("liactive");
183 
		this.classList.add("liactive");
184 
	})
185 
	//筛选条件的选择
186 
	$(".filterUl").on("click","li",function(){
187 
		this.parentNode.querySelector('li.filterCurrent').classList.remove("filterCurrent");
188 
		this.classList.add("filterCurrent");
189 
	})
190 
	//筛选条件的展开关闭
191 
	$(".filterListNew").on("click",".rightbtn",function(){
192 
		if(this.querySelector("em").className == "unfoldtr") {
193 
			this.querySelector("em").classList.remove("unfoldtr");
194 
			this.querySelector("em").classList.add("foldtr");
195 
			this.parentNode.querySelector(".filterUl").classList.remove("filterUlactive");
196 
		} else {
197 
			this.querySelector("em").classList.add("unfoldtr");
198 
			this.querySelector("em").classList.remove("foldtr");
199 
			this.parentNode.querySelector(".filterUl").classList.add("filterUlactive");
200 
		}
201 
	})
202 
</script>
203 
</body>
204 
</html>