Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 205 Releases 0 Wiki
Browse Source

科袖网企业信息浏览

luyanan 8 years ago
parent
eb90125b3b
commit
630414cc16
2 changed files with 322 additions and 0 deletions
Split View Show Diff Stats
  1. 242 0
      companybrowinfor.html
  2. 80 0
      js/header.js

+ 242 - 0
companybrowinfor.html
View File 

@ -0,0 +1,242 @@
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/index.css" rel="stylesheet">
12 
<link type="text/css" href="css/common.css" rel="stylesheet">
13 
</head>
14
15 
<body>
16 
<header id="header">
17 
	<script src="js/header.js"></script>
18 
</header>
19 
<div id="container">
20 
	<div class="content" style="padding-bottom:20px;">
21 
		<div class="information-head clearfix">
22 
			<div class="head-org headRadius"><img src="images/default-icon.jpg" width="100%"></div>
23 
			<div class="head-center">
24 
				<div class="infor-browse cmpBasic">
25 
					<div class="h1Font"><span>北京科袖科技有限公司</span></div>
26 
	        		<div class="h4Font cmpBasic"><span>企业类型</span><span>企业规模</span><span>创立时间</span></div>
27 
	        		<div class="h4Font">企业官网</div>
28 
	        		<div class="h4Font">总部地点</div>
29 
				</div>
30
31 
			</div>
32
33 
		</div>
34 
		<div class="information-content">
35 
			<div class="content-left" >
36 
            	<div class="menublock">
37 
                    <div class="left-title">企业信息</div>
38 
					<a class="subsidebar">企业简介</a>
39 
					<a class="subsidebar">所属行业</a>
40 
					<a class="subsidebar">专注领域</a>
41 
					<a class="subsidebar">企业资质</a>
42 
					<a class="subsidebar">企业需求</a>
43 
					<a class="subsidebar">企业用户</a>
44 
                </div>
45 
			</div>
46 
			<div class="content-right">
47 
				<div class="right-box introduction">
48 
					<div class="right-title"><span>企业简介</span></div>
49 
					<div class="infor-browse">
50 
						<div class="editbox" style="width:auto; margin:0 35px;">
51 
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.
52 
						</div>
53 
					</div>
54 
				</div>
55 
				<div class="right-box introduction">
56 
					<div class="right-title"><span>所属行业</span></div>
57 
					<div class="infor-browse">
58 
						<ul class="edu-about edu-infor" id="industryShow">
59 
							<li>3333</li>
60 
							<li>3333</li>
61 
						</ul>
62 
					</div>
63 
				</div>
64 
				<div class="right-box introduction">
65 
					<div class="right-title"><span>专注领域</span></div>
66 
					<div class="infor-browse">
67 
						<div class="listbox btn-marL" id="subjectShow">
68 
							<div class="acad">领域一</div>
69 
							<div class="acad">领域二</div>
70 
						</div>
71 
						<div class="clear"></div>
72 
					</div>
73 
				</div>
74 
				<div class="right-box introduction">
75 
					<div class="right-title"><span>企业资质</span></div>
76 
					<div class="infor-browse">
77 
						<ul class="edu-about edu-infor" id="industryShow">
78 
							<li>3333</li>
79 
							<li>3333</li>
80 
						</ul>
81 
					</div>
82 
				</div>
83
84 
				<div class="right-box introduction">
85 
					<div class="right-title"><span>企业需求</span></div>
86 
					<div class="infor-browse">
87 
						<ul class="infoList">
88 
							 <li>
89 
						  		<div class="floatL">
90 
									<div class='workitimg headRadius'>
91 
										<img class='headPhoto' src='images/default-photo.jpg'  width='100%'>
92 
									</div>
93 
								</div>
94 
								<div class="floatR" style="width:84%;">
95 
									<div class='workinfor worksitcon'>
96 
										<h4><div class='h1Font'><span class="needTopic ellipsisSty"> data[i]["consultTitle"] </span><span class="needAim"> 技术咨询 </span></h4>
97 
										<h6>
98 
											<span class="h2Font">["name"] </span>
99 
										</h6>
100 
										<h6 class='h3Font'>
101 
											<span>["title"]</span>, <span>["office"]</span>,<span>["department"]</span>,<span>["orgName"]</span> | <span>["address"]</span>
102 
										</h6>
103 
										<h6>
104 
											<p class='rebackcon ellipsisSty-2'>plyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
105 
										</h6>
106 
									</div>
107 
								</div>
108 
							</li>
109 
							 <li>
110 
						  		<div class="floatL">
111 
									<div class='workitimg headRadius'>
112 
										<img class='headPhoto' src='images/default-photo.jpg'  width='100%'>
113 
									</div>
114 
								</div>
115 
								<div class="floatR" style="width:84%;">
116 
									<div class='workinfor worksitcon'>
117 
										<h4><div class='h1Font'><span class="needTopic ellipsisSty"> data[i]["consultTitle"] </span><span class="needAim"> 技术咨询 </span></h4>
118 
										<h6>
119 
											<span class="h2Font">["name"] </span>
120 
										</h6>
121 
										<h6 class='h3Font'>
122 
											<span>["title"]</span>, <span>["office"]</span>,<span>["department"]</span>,<span>["orgName"]</span> | <span>["address"]</span>
123 
										</h6>
124 
										<h6>
125 
											<p class='rebackcon ellipsisSty-2'>plyFn(userid,data[i]["consultId"])["lastReplyCon"]</p>
126 
										</h6>
127 
									</div>
128 
								</div>
129 
							</li>
130 
						</ul>
131 
					</div>
132 
				</div>
133
134 
				<div class="right-box introduction">
135 
					<div class="right-title"><span>企业用户</span></div>
136 
					<div class="infor-browse">
137 
						<div class="staffDlist cmpStaff">
138 
	                        <dl class="clearfix">
139 
	                        	<dd>
140 
	                        		<div class="staffChild">
141 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
142 
	                        		</div>
143 
	                        		<div class="h4Font"><span>用户名称</span></div>
144 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
145 
	                        	</dd>
146 
	                        	<dd>
147 
	                        		<div class="staffChild">
148 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
149 
	                        		</div>
150 
	                        		<div class="h4Font"><span>用户名称</span></div>
151 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
152 
	                        	</dd>
153 
	                        	<dd>
154 
	                        		<div class="staffChild">
155 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
156 
	                        		</div>
157 
	                        		<div class="h4Font"><span>用户名称</span></div>
158 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
159 
	                        	</dd>
160 
	                        	<dd>
161 
	                        		<div class="staffChild">
162 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
163 
	                        		</div>
164 
	                        		<div class="h4Font"><span>用户名称</span></div>
165 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
166 
	                        	</dd>
167 
	                        	<dd>
168 
	                        		<div class="staffChild">
169 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
170 
	                        		</div>
171 
	                        		<div class="h4Font"><span>用户名称</span></div>
172 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
173 
	                        	</dd>
174 
	                        	<dd>
175 
	                        		<div class="staffChild">
176 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
177 
	                        		</div>
178 
	                        		<div class="h4Font"><span>用户名称</span></div>
179 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
180 
	                        	</dd>
181 
	                        	<dd>
182 
	                        		<div class="staffChild">
183 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
184 
	                        		</div>
185 
	                        		<div class="h4Font"><span>用户名称</span></div>
186 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
187 
	                        	</dd>
188 
	                        	<dd>
189 
	                        		<div class="staffChild">
190 
	                        			<img class="headRadius" src="images/default-photo.jpg" width="100%" />
191 
	                        		</div>
192 
	                        		<div class="h4Font"><span>用户名称</span></div>
193 
					            	<div class="h4Font"><span>职称</span> ，<span>职位</span></div>
194 
	                        	</dd>
195
196 
	                        </dl>
197 
	                    </div>
198 
					</div>
199 
	            </div>
200
201 
			</div>
202 
		</div>
203 
	</div>
204 
</div>
205 
<footer>
206 
	<script type="text/javascript" src="js/Footer.js"></script>
207 
</footer>
208
209 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
210 
<script type="text/javascript" src="js/index.js"></script>
211 
<script type="text/javascript" src="js/common.js"></script>
212 
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
213 
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>
214
215 
<script type="text/javascript">
216 
	//拿到点击的顺序，然后求出局文档的距离
217 
	$(".subsidebar").mouseenter(function(){
218 
		var dd=$(this)[0].className;
219 
		if(dd!="subsidebar subcolor"){
220 
			$(this).css("background","#efefef");
221 
		}
222 
	}).mouseleave(function(){
223 
		$(this).css("background","")
224 
	});
225 
	//专家信息点击换背景颜色
226 
	$(".subsidebar").click(function() {
227 
		$(".subsidebar").removeClass("subcolor");
228 
		$(".subsidebar").eq($(".subsidebar").index(this)).addClass("subcolor");
229 
	});
230 
	$(".subsidebar").click(function() {
231 
		var index = $(".subsidebar").index(this);
232 
        //console.log(index)
233 
		var offset = $(".introduction").eq(index).offset();
234 
		$("body,html").animate({
235 
			scrollTop: offset.top - 80 + "px"
236 
		}, 1000);
237 
	}).mousedown(function(){
238 
	  	$(this).css("background","");
239 
	});
240 
</script>
241 
</body>
242 
</html>

+ 80 - 0
js/header.js
View File 

@ -0,0 +1,80 @@
1 
//新版header
2 
var headerHtml = '';
3 
headerHtml += '<div class="container-fulid">'+
4 
				  '<div class="containerCon">'+
5 
				  		'<div class="floatL">'+
6 
								'<div class="headlogo floatL">'+
7 
										'<a href="//www.ekexiu.com/"><h1></h1></a>'+
8 
								'</div>' +
9 
								'<ul class="headnav floatL">'+
10 
										'<li class="navcurrent"><a href="//www.ekexiu.com/">首页</a></li>'+
11 
										'<li><a href="">专家</a></li>'+
12 
										'<li><a href="">资源</a></li>'+
13 
										'<li><a href="">发现</a></li>'+
14 
										'<li><a href="">我的工作台</a></li>'+
15 
								'</ul>' +
16 
							'</div>' +
17 
							'<div class="floatR">'+
18 
								'<div class="headuser headRadius floatR">'+
19 
										'<img src="../../images/default-photo.jpg" width="100%" />'+
20 
								'</div>' +
21 
								'<ul class="headnavbtn floatR">'+
22 
										'<li><div class="navbtn navnews"></div></li>'+
23 
										'<li><div class="navbtn navsearch"></div></li>'+
24 
								'</ul>' +
25
26 
							'</div>' +
27 
					'</div>' +
28 
			'</div>';
29
30 
//旧版header
31 
var hHtml = '';
32 
hHtml +='<a href="index.html" alt="科袖" class="logo"></a>'+
33 
	'<div class="searchblock" style="display:block;">'+
34 
   '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
35 
		'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
36 
	'</div>'+
37 
	'<div class="header-right"> '+
38 
				//<!--未登录-->
39 
        '<div class="unlogin">'+
40 
        	'<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>'+
41 
        	'<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>'+
42 
        	'<a class="loginbtn loginrbtn" href="register.html">注册</a>'+
43 
        '</div>'+
44 
        //<!--已登录-->
45 
        '<div class="onlogin">'+
46 
        	'<a class="myWorkspace" href="workspaces.html">我的工作台</a>'+
47 
	        '<div class="head-portrait headRadius">'+
48 
	        	'<img class="portrait-p" />'+
49 
	            '<div class="personal-infor">'+
50 
	                '<div class="triangleB"></div>'+
51 
	                '<div class="personal-box bgRadius">'+
52 
	                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
53 
	                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
54 
	                    '<a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
55 
	                '</div>'+
56
57 
	            '</div>'+
58 
	        '</div>'+
59 
        '</div>'+
60 
	'</div>';
61
62
63 
document.write(hHtml);
64
65 
/*新版header*/
66 
//header{background: #373d41;color:#888;font-size:16px;line-height:32px;height:60px;}
67 
//header .containerCon{background: #373d41;}
68 
//header .headlogo h1 {width: 64px;height: 32px;margin:14px 14px 14px 0;padding: 0;background-image: url(../images/home_icon_logo2.png);background-size:contain;overflow: hidden;}
69 
//header .headnav{margin:0 14px;}
70 
//header .headnav li{float:left;margin:0 4px; padding:12px 0;}
71 
//header .headnav li a{ color:#FFFFFF; padding:14px 18px;}
72 
//header .headuser{overflow: hidden; width: 38px;height: 38px;margin:10px 0 12px 20px;cursor: pointer;}
73 
//header .headnavbtn{margin:20px 6px;}
74 
//header .headnavbtn li{float:right;margin:0 6px;}
75 
//header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
76 
//header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
77 
//header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
78 
//header .headnav li.navcurrent{border-bottom:4px solid #28b8fa;}
79
80