portal-front/js/header.js

//新版header
var headerHtml = '';
headerHtml += '<div class="container-fulid">'+
				  '<div class="containerCon">'+
				  		'<div class="floatL">'+
								'<div class="headlogo floatL">'+
										'<a href="index.html"><h1></h1></a>'+
								'</div>' +
								'<ul class="headnav floatL">'+
										'<li class="navcurrent"><a href="index.html">首页</a></li>'+
										'<li><a href="">专家</a></li>'+
										'<li><a href="">资源</a></li>'+
										'<li><a href="discover.html">发现</a></li>'+
										'<li><a href="">我的工作台</a></li>'+
								'</ul>' +
							'</div>' +
							'<div class="floatR">'+
								'<div class="headuser headRadius floatR">'+
										'<img src="../../images/default-photo.jpg" width="100%" />'+
								'</div>' +
								'<ul class="headnavbtn floatR">'+
										'<li><div class="navbtn navnews"></div></li>'+
										'<li><div class="navbtn navsearch"></div></li>'+
								'</ul>' +
								
							'</div>' +
					'</div>' +
			'</div>';

//旧版header
var hHtml = '';
hHtml +='<div class="containerCon"><a href="index.html" alt="科袖" class="logo"></a>'+
	'<ul class="headnav floatL" style="margin-left:26px">'+
			'<li><a href="index.html">首页</a></li>'+
			'<li><a href="discover.html">发现</a></li>'+
	'</ul>' +
	'<div class="searchblock">'+
   '<input type="text" placeholder="搜索专家、研发资源" class="search-txt" id="hsearchContent">'+
		'<div class="search-btn" id="hsearch"><span class="search-icon"></span></div>'+
	'</div>'+
	'<div class="header-right"> '+
				//<!--未登录-->
        '<div class="unlogin">'+
        	'<a class="loginbtn loginlbtn" href="login-invite-code.html">特邀专家登录</a>'+
        	'<a class="loginbtn loginrbtn" href="login.html">登录&nbsp;&nbsp;|</a>'+
        	'<a class="loginbtn loginrbtn" href="register.html">注册</a>'+
        '</div>'+
        //<!--已登录-->
        '<div class="onlogin">'+
        	'<a class="myWorkspace" href="workspaces.html">我的工作台</a>'+
	        '<div class="head-portrait headRadius">'+
	        	'<img class="portrait-p" src="images/default-photo.jpg" />'+
	            '<div class="personal-infor">'+
	                '<div class="triangleB"></div>'+
	                '<div class="personal-box bgRadius">'+
	                    '<a href="information.html"><span class="icon icon2"></span>修改资料</a>'+
	                    '<a href="account-set.html"><span class="icon icon3"></span>账户设置</a>'+
	                    '<a href="#" onClick="exit()"><span class="icon icon4"></span>退出登录</a>'+
	                '</div>'+
	                
	            '</div>'+
	        '</div>'+
        '</div>'+
	'</div></div>';


document.write(hHtml);

$(".head-portrait").hover(function(){
		$(".personal-infor").stop(false,true).slideToggle();
	})