portal html css js resource

companybrowinfor.html 5.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 rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" /> <link href="css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/reset.css" /> <link type="text/css" href="css/common.css" rel="stylesheet"> <link type="text/css" href="css/index.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> </head> <body> <header id="header"> <script src="js/header.js"></script> </header> <div id="container"> <div class="content" style="padding-bottom:20px;"> <div class="information-head clearfix"> <div class="head-org headRadius"><img src="" width="100%" id="oimg"></div> <div class="head-center"> <div class="infor-browse cmpBasic"> <div class="h1Font" style="margin-top: 26px;"><span id="comName"></span><em class="authiconNew" title="" id="authS"></em></div> <div class="h4Font cmpBasic"><span id="orgType"></span><span id="qualificationList"></span><span id="createTime"></span></div> <div class="h4Font" id="inteAddress"></div> <div class="h4Font" id="ocity"></div> </div> </div> </div> <div class="information-content"> <div class="content-left" > <div class="menublock"> <div class="left-title">企业信息</div> <a class="subsidebar">企业简介</a> <a class="subsidebar">所属行业</a> <a class="subsidebar">专注领域</a> <a class="subsidebar">企业资质</a> <a class="subsidebar">企业用户</a> </div> </div> <div class="content-right"> <div class="right-box introduction" id="reA"> <div class="right-title"><span>科研文章</span></div> <div class="infor-browse"> <div class="shareabout shareabout1" style="margin: 0 30px;"> <div class="sharesrcbox" style="width:642px;"> <div class="sharescrollbox Acrollbox"> <ul class="shareshow otherRes clearfix" id="reachArticle"> </ul> </div> </div> <span class="resouprev resoubtn articalbtn"></span> <span class="resounext resoubtn articalbtn"></span> </div> </div> </div> <div class="right-box introduction"> <div class="right-title"><span>企业简介</span></div> <div class="infor-browse"> <div class="editbox" style="width:auto; margin:0 35px;"> </div> </div> </div> <div class="right-box introduction"> <div class="right-title"><span>所属行业</span></div> <div class="infor-browse"> <ul class="edu-about edu-infor" id="industryShow"> <!--<li>3333</li> <li>3333</li>--> </ul> </div> </div> <div class="right-box introduction"> <div class="right-title"><span>专注领域</span></div> <div class="infor-browse"> <div class="listbox btn-marL" id="subjectShow"> <!--<div class="acad">领域一</div> <div class="acad">领域二</div>--> </div> <div class="clear"></div> </div> </div> <div class="right-box introduction"> <div class="right-title"><span>企业资质</span></div> <div class="infor-browse"> <ul class="edu-about edu-infor edu-infor2" id="qiye"> <!--<li>3333</li> <li>3333</li>--> </ul> </div> </div> <div class="right-box introduction"> <div class="right-title"><span>企业用户</span></div> <div class="infor-browse"> <div class="staffDlist cmpStaff"> <dl class="clearfix" id="userList"> <!--<dd> <div class="staffChild"> <img class="headRadius" src="images/default-photo.jpg" width="100%" /> </div> <div class="h4Font"><span>用户名称</span></div> <div class="h4Font"><span>职称</span> ,<span>职位</span></div> </dd> --> </dl> </div> </div> </div> </div> </div> </div> </div> <footer> <script type="text/javascript" src="js/footer.js"></script> </footer> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="cmp-portal/js/companybrowinfor.js"></script> <script type="text/javascript"> //拿到点击的顺序,然后求出局文档的距离 $(".subsidebar").mouseenter(function(){ var dd=$(this)[0].className; if(dd!="subsidebar subcolor"){ $(this).css("background","#efefef"); } }).mouseleave(function(){ $(this).css("background","") }); //专家信息点击换背景颜色 $(".subsidebar").click(function() { $(".subsidebar").removeClass("subcolor"); $(".subsidebar").eq($(".subsidebar").index(this)).addClass("subcolor"); }); $(".subsidebar").click(function() { var index = $(".subsidebar").index(this)+1; //console.log(index) var offset = $(".introduction").eq(index).offset(); $("body,html").animate({ scrollTop: offset.top - 80 + "px" }, 1000); }).mousedown(function(){ $(this).css("background",""); }); </script> </body> </html>