portal html css js resource

articalInfo.html 8.7KB

     <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>科袖-文章信息</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link type="text/css" href="css/common.css" rel="stylesheet"> <link type="text/css" href="css/index.css" rel="stylesheet"> </head> <body> <div id="header"> <a href="index.html" alt="科袖" class="logo"></a> <div class="searchblock" style="display:block;"> <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" /> <div class="personal-infor"> <div class="triangleB"></div> <div class="personal-box bgRadius"> <!-- <a href="#"><span class="icon icon1"></span>我的主页</a> --> <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> <div id="container" style="background: #f8f8f8;"> <div class="contentBody clearfix"> <div class="resouLeft floatL"> <div class="resTop" style="margin-bottom:10px"> <div class="resBrief resBrief2"> <div class="h2Font"><span id="articleName"></span><br /><small id="creTime"></small></div> <div class="resAbout"> <div class="resUlbox clearfix"> <span class="subtit floatL" id="proRlist">学术领域</span> <ul class="resUl floatL" id="subjectList"> </ul> </div> <div class="resUlbox clearfix"> <span class="subtit floatL">应用行业</span> <ul class="resUl floatL" id="industryList"> </ul> </div> </div> </div> <div id="artical_real"> <div id="main_content" class="main_content"> </div> </div> <!--分享操作栏--> <div class="share-nav"> <div class="clearfix"> <a class="proinfor floatL" href="information-brow.html" style="display:block;width:64%;"> <div class="headblock floatL" style="width:40px"><img id="proHead" class="headimg headRadius" src="../images/default-photo.jpg" width="100%"></div> <div class="listtit2 floatL"><span style="margin-right:10px;color: #ff9900;" id="proName"></span><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div> </a> <div class="navOperate floatR"> <span class="wrapicon upTop"></span> </div> <div class="navOperate floatR"> <span class="shareBtn shareWeixin">分享至微信 <div class="shareCode"> <div id="qrcode"></div> </div> </span> </div> <div class="navOperate floatR"> <span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;">24</span> </div> </div> </div> </div> <div class="resBottom" id="modelScroll"> <div class="main_content"> <!--留言--> <div class="commentsArea" style="padding-bottom:6px;"> <h2 class="comments-title"> 留言( <span class="message">0</span> )</h2> <!--未登录--> <div style="margin:20px 0" id="login"><a href="login.html" class="frmtype respondBtn">登录后发布留言</a> </div> <!--登录可留言--> <form class="goMsgbox clearfix"> <div class="headblock floatL" style="width: 60px;"><img class="headimg headRadius" src="../images/default-photo.jpg" width="100%" id="limg"></div> <div class="msgContbox floatL"> <textarea class="msgCont" placeholder="请输入您的留言内容..."></textarea> </div> <input type="button" class="frmtype frmbtn floatR" value="发布留言" id="meSend" style="background: #dadada;"/> </form> </div> <ul class="commentsArea commentList"></ul> </div> </div> </div> <div class="resouRight floatR"> <div class="rightBlock"> <a style="display: block;" > <div class="proImg"> <img class=" headRadius" src="images/default-photo.jpg" id="headImg" style="display:block;cursor:pointer" id="pofessorImg"> </div> <div class="proInfo"> <div class="h3Font clearfix"> <span class="named" id="nameS"></span> <span class="modifyicon authicon authicon-cu" style="margin-top:3px;" id="authFlag"></span> </div> <p class="h5Font"><span id="title"></span><span id="office"></span></p> <p class="h5Font"><span id="department"></span></p> <p class="h5Font"><span id="orgName"></span></p> <p class="h6Font" style="margin: 0;" id="address"><span></span></p> </div> </a> </div> <div class="rightBlock"> <div class="left-title" >相关文章</div> <ul class="otherRes"></ul> </div> </div> </div> </div> <div id="footer" class="clearfix"> <div class="wrapper clearfix"> <i class="footer-logo floatL"></i> <div class="word_wrapper floatL"> <a class="listlink" href="javascript:void(0);" target="_blank" rel="nofollow">关于我们</a><span> | </span> <a class="listlink" href="privacy.html" target="_blank" rel="nofollow">用户协议</a><span> | </span> <a class="listlink" href="download.html" target="_blank" rel="nofollow">产品下载</a><span> | </span> <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖微信 <div class="code weixin_code"></div> </a><span> | </span> <a class="listlink codehover" href="javascript:void(0);" rel="nofollow">科袖APP <div class="code app_code"></div> </a><span> | </span> <span class="listlink">客服邮箱:<a style="color:#fff" rel="nofollow" href="mailto:service@ekexiu.com"> service@ekexiu.com</a></span> <span> | </span> <span class="listlink">客服热线: 010-62343359(9:00-17:00)</span> </div> </div> <div class="copyright"> <span><em> © </em>2016 北京科袖科技有限公司</span> <span> | 京ICP备16042588号-1 | </span> <a class="beianbox" target="_black" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802022306"><span class="beian-icon"></span> 京公网安备11010802022306号</a> </div> </div> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/weixinshare/qrcode.min.js"></script> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/articalInfo.js"></script> <script type="text/javascript"> $('.upTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); $('.wordHave').click(function(){$('html,body').animate({scrollTop: ($('.resTop').height()+80)+'px'}, 800);}); $('.shareWeixin').hover(function(){$('.shareCode').stop(true,false).fadeToggle();}); //留言分享操作栏 var topContainer=$("#container").height(); $(document).scroll(function(){ var top=$(document).scrollTop(); //console.log(topContainer); if (top < topContainer) { $('.share-nav').addClass('fixed'); } else{ $('.share-nav').removeClass('fixed'); } }); //微信分享 var qrcode = new QRCode(document.getElementById("qrcode"), { width: 100, height: 100 }); function makeCode() { var hurl = window.location.host; var articleId = GetQueryString("articleId"); var elurl = hurl + "/ekexiu/shareArticalinfor.html?articleId=" + articleId; qrcode.makeCode(elurl); } makeCode(); </script> </body> </html>