Parcourir la Source

添加顶部导航栏定位一直悬浮效果

luyanan 8 ans auparavant
Parent
commit
b007df703d

+ 2 - 1
cmp-portal/css/common.css

@ -655,7 +655,8 @@ header .headnavbtn li{float:right;margin:0 6px;}
655 655
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
656 656
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
657 657
header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
658
header .headnav li.navcurrent{border-bottom:4px solid #28b8fa;}
658
header .navheader li a:hover{color:#28b8fa;}
659
header .navheader li.navcurrent a{color:#28b8fa;}
659 660

660 661
header .comuserSelf{width:180px; height:180px; position:absolute; top:42px; right:0;z-index: 100;}
661 662
header .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#28b8fa; float:right; margin-right:12px; margin-top:14px;}

+ 1 - 0
cmp-portal/js/cmp-UnstaffList.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var id = $.cookie('orgId');
3 4
	/*获取企业未认证的用户*/
4 5
	function UnauthorizedUser() {

+ 1 - 1
cmp-portal/js/cmp-articalList.js

@ -1,6 +1,6 @@
1 1
//企业新闻
2 2
$(function() {
3

3
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
4 4
	var orgId = $.cookie("orgId");
5 5
	var newtitle = false;
6 6
	newslist(); //科研新闻列表

+ 1 - 0
cmp-portal/js/cmp-needList.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var id = $.cookie('orgId');
3 4
	var oDemandAim = "",
4 5
		oSortType = "";

+ 1 - 0
cmp-portal/js/cmp-needShow.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var demandId = GetQueryString("demandId");	
3 4

4 5
	function angleDemand() {

+ 1 - 0
cmp-portal/js/cmp-staffList.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var id = $.cookie('orgId');
3 4
	/*判断企业是否认证*/
4 5
	function companyAuthStatus() {

+ 1 - 0
cmp-portal/js/cmp-updateinfo.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var id = $.cookie('orgId');
3 4
	var fileId = null;
4 5
	var cacheImageKey = null;

+ 1 - 0
cmp-portal/js/cmp-workspaces.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var id = $.cookie('orgId');
3 4
	/*企业信息*/
4 5
	function companyInformation() {

+ 2 - 1
css/common.css

@ -238,7 +238,8 @@ header .headnavbtn .teyaologin{padding:4px 20px;border-radius:6px;margin-right:1
238 238
header .navbtn{width: 18px;height:20px;cursor: pointer; padding:10px 18px;background-position:center;background-repeat:no-repeat;}
239 239
header .navnews{background-image: url(../images/nav_button_news_nor.png);background-size:contain;}
240 240
header .navsearch{background-image: url(../images/nav_button_search_nor_2.png);background-size:contain;}
241
header .headnav li.navcurrent{border-bottom:4px solid #28b8fa;}
241
header .navheader li a:hover{color:#ff9900;}
242
header .navheader li.navcurrent a{color:#ff9900;}
242 243

243 244
header .comuserSelf{width:180px; height:180px; position:absolute; top:42px; right:0;z-index: 100;}
244 245
header .triangleB{ display:block; width:0; height:0; border:8px solid transparent; border-bottom-color:#ff9900; float:right; margin-right:12px; margin-top:14px;}

+ 1 - 0
js/consult.js

@ -1,4 +1,5 @@
1 1
$(function(){
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
})
4 5
//用户id

+ 1 - 0
js/consultSure.js

@ -1,5 +1,6 @@
1 1
//咨询确认
2 2
$(function() {
3
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
3 4
	var consultId = GetQueryString('consultId');
4 5
	var sendId = $.cookie("userid");
5 6
	var professorId = "professorId";

+ 1 - 0
js/dialogs.js

@ -1,5 +1,6 @@
1 1
//用户id
2 2
$(function(){
3
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
3 4
	loginStatus();//判断个人是否登录
4 5
})
5 6
var userid = $.cookie("userid");

+ 1 - 0
js/discover.js

@ -1,5 +1,6 @@
1 1
//发现模块
2 2
$(function() {
3
	$(".headnav li").eq(1).addClass("navcurrent");
3 4
	loginStatus();//判断个人是否登录
4 5
	var userid = $.cookie("userid");
5 6
	discover(10, 1,true);

+ 42 - 83
js/header.js

@ -28,97 +28,56 @@
28 28
//			'</div>';
29 29
var headerHtml = '';
30 30
	headerHtml += 
31
					'<div class="container-fulid navheader">'+
32
					  '<div class="containerCon clearfix">'+
33
					  		'<div class="floatL">'+
34
									'<div class="headlogo floatL">'+
35
											'<a href="index.html"><h1></h1></a>'+
36
									'</div>' +
37
									'<ul class="headnav floatL">'+
38
											'<li><a href="index.html">首页</a></li>'+
39
											'<li><a href="discover.html">发现</a></li>'+
40
									'</ul>' +
41
								'</div>' +
42
								'<div class="searchblock">'+
43
							    '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
44
									'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
45
								'</div>'+
46
								//未登录状态
47
								'<div class="unlogin floatR displayNone">'+
48
									'<ul class="headnavbtn floatR">'+
49
											'<li><a href="register.html">注册</a></li>'+
50
											'<li><a>|</a></li>'+
51
											'<li><a href="login.html">登录</a></li>'+
52
											'<li><a href="login-invite-code.html" class="teyaologin">特邀专家登录</a></li>'+
53
									'</ul>' +
54
								'</div>' +
55
								//已登录状态
56
								'<div class="onlogin floatR displayNone">'+
57
									'<div class="headuserimg floatR">'+
58
											'<div class="headuser userRadius"><img class="portrait-p" src="../images/default-photo.jpg" /></div>'+
59
											'<div class="comuserSelf displayNone">' +
60
					                '<div class="triangleB"></div>'+
61
					                '<div class="personal-box bgRadius">'+
62
					                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
63
					                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
64
					                    '<a href="javascript:;" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
65
					                '</div> '+            
66
					           ' </div>' + 
67
									'</div>' +
68
									'<ul class="headnavbtn floatR">'+
69
											'<li><a href="workspaces.html">我的工作台</a></li>'+
70
									'</ul>' +
71
								'</div>' +
31
			'<div class="container-fulid navheader">'+
32
			  '<div class="containerCon clearfix">'+
33
			  		'<div class="floatL">'+
34
						'<div class="headlogo floatL">'+
35
								'<a href="index.html"><h1></h1></a>'+
72 36
						'</div>' +
73
				'</div>';
37
						'<ul class="headnav floatL">'+
38
								'<li><a href="index.html">首页</a></li>'+
39
								'<li><a href="discover.html">发现</a></li>'+
40
						'</ul>' +
41
					'</div>' +
42
					'<div class="searchblock">'+
43
				    '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
44
						'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
45
					'</div>'+
46
					//未登录状态
47
					'<div class="unlogin floatR displayNone">'+
48
						'<ul class="headnavbtn floatR">'+
49
								'<li><a href="register.html">注册</a></li>'+
50
								'<li><a>|</a></li>'+
51
								'<li><a href="login.html">登录</a></li>'+
52
								'<li><a href="login-invite-code.html" class="teyaologin">特邀专家登录</a></li>'+
53
						'</ul>' +
54
					'</div>' +
55
					//已登录状态
56
					'<div class="onlogin floatR displayNone">'+
57
						'<div class="headuserimg floatR">'+
58
								'<div class="headuser userRadius"><img class="portrait-p" src="../images/default-photo.jpg" /></div>'+
59
								'<div class="comuserSelf displayNone">' +
60
		                '<div class="triangleB"></div>'+
61
		                '<div class="personal-box bgRadius">'+
62
		                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
63
		                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
64
		                    '<a href="javascript:;" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
65
		                '</div> '+            
66
		           ' </div>' + 
67
						'</div>' +
68
						'<ul class="headnavbtn floatR">'+
69
								'<li><a href="workspaces.html">我的工作台</a></li>'+
70
						'</ul>' +
71
					'</div>' +
72
				'</div>' +
73
		'</div>';
74 74
	
75 75
document.write(headerHtml);
76 76

77 77
$(".headuserimg").hover(function(){
78 78
	$(".comuserSelf").stop(false,true).slideToggle();
79 79
})
80
//旧版header
81
var hHtml = '';
82
hHtml +='<div class="containerCon"><a href="index.html" alt="科袖" class="logo"></a>'+
83
	'<ul class="headnav floatL" style="margin-left:26px">'+
84
			'<li><a href="index.html">首页</a></li>'+
85
			'<li><a href="discover.html">发现</a></li>'+
86
	'</ul>' +
87
	'<div class="searchblock">'+
88
   '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
89
		'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
90
	'</div>'+
91
	'<div class="header-right"> '+
92
				//<!--未登录-->
93
        '<div class="unlogin">'+
94
        	'<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>'+
95
        	'<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>'+
96
        	'<a class="loginbtn loginrbtn" href="register.html">注册</a>'+
97
        '</div>'+
98
        //<!--已登录-->
99
        '<div class="onlogin">'+
100
        	'<a class="myWorkspace" href="workspaces.html">我的工作台</a>'+
101
	        '<div class="head-portrait headRadius">'+
102
	        	'<img class="portrait-p" src="images/default-photo.jpg" />'+
103
	            '<div class="personal-infor">'+
104
	                '<div class="triangleB"></div>'+
105
	                '<div class="personal-box bgRadius">'+
106
	                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
107
	                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
108
	                    '<a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
109
	                '</div>'+
110
	                
111
	            '</div>'+
112
	        '</div>'+
113
        '</div>'+
114
	'</div></div>';
115

116 80

117
//document.write(hHtml);
118
//
119
//$(".head-portrait").hover(function(){
120
//		$(".personal-infor").stop(false,true).slideToggle();
121
//	})
122 81

123 82

124 83


+ 1 - 0
js/index.js

@ -1,5 +1,6 @@
1 1

2 2
$(function(){
3
	$(".headnav li").eq(0).addClass("navcurrent");
3 4
	loginStatus();//判断个人是否登录
4 5
	//加载页面时,判断企业账号是否登录
5 6
	var orgid = $.cookie('orgId');

+ 1 - 0
js/myConsult.js

@ -1,4 +1,5 @@
1 1
$(function(){
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
})
4 5
//用户id

+ 1 - 0
js/myDemand.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus(); //判断个人是否登录
3 4
	var yesNo = "",
4 5
		oSortType = 0,

+ 1 - 0
js/needList.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
	var oDemandAim = "",
4 5
		oSortType = "";

+ 1 - 0
js/needShow.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function(){
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var demandId = GetQueryString("demandId");
3 4
	var consuId, demandTitle, demandContent, oDemandAim;
4 5
	loginStatus();//判断个人是否登录

+ 1 - 0
js/needSure.js

@ -1,4 +1,5 @@
1 1
$(document).ready(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	var demandId = GetQueryString("demandId");
3 4
	var consuId, demandTitle, demandContent, oDemandAim;
4 5
	loginStatus();//判断个人是否登录

+ 1 - 0
js/news-list.js

@ -1,4 +1,5 @@
1 1
$(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
	var userid = $.cookie("userid");
4 5
	var articleId;

+ 1 - 0
js/newsciresource.js

@ -1,4 +1,5 @@
1 1
$(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
	var userid = $.cookie("userid");
4 5
	var name = $.cookie("userName");

+ 1 - 0
js/workindex.js

@ -1,4 +1,5 @@
1 1
$(function() {
2
	$(".onlogin .headnavbtn li").eq(0).addClass("navcurrent");
2 3
	loginStatus();//判断个人是否登录
3 4
	var userid = $.cookie("userid");
4 5
	var oAuthType=0;