portal html css js resource

header.js 3.6KB

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