portal html css js resource

discover.html 5.0KB

     <!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 type="text/css" href="css/common.css" rel="stylesheet"> <link type="text/css" href="css/genindex.css" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <script type="text/javascript" src="js/public/swiper.min.js"></script> </head> <body> <header id="header"> <script src="js/header.js"></script> </header> <div id="container" style="margin-top:-20px;"> <div class="containerCon"> <div class="contentCon clearfix"> <div class="leftconBox floatL" style="background: #f4f6f8;"> <div class="slide-box clearfix"> </div> <div class="table-box"> <div class="table-tab"> <ul class="table-tab-item clearfix"> <li class="table-tab-slide table-tab-slide-active" data-col="0">最新文章</li> <li class="table-tab-slide" data-col="3">前沿动态</li> <li class="table-tab-slide" data-col="4">学术经验</li> <li class="table-tab-slide" data-col="5">分析检测</li> <li class="table-tab-slide" data-col="7">科袖访谈</li> <li class="rightbtn"><span>更多栏目</span><em class="foldtr"></em> <ul class="table-drop"> <li class="table-tab-slide" data-col="6">会议培训</li> <li class="table-tab-slide" data-col="8">招聘招生</li> </ul> </li> </ul> </div> <div class="table-body"> <div class="haveData"> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-0"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-1"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-2"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-3"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-5"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-4"></ul> <div class="tcdPageCode"></div> </div> <div class="table-item-list"> <ul class="listitemdiv listmorediv" id="table-item-6"></ul> <div class="tcdPageCode"></div> </div> </div> </div> </div> </div> <div class="rightconBox floatR"> <div class="conItem conBlock displayNone"> <div class="form-item otherBlock"> <div class="aboutTit">重大新闻</div> <div class="form-result currentArt currentArt2"> <ul id="importNews"> </ul> </div> </div> </div> <div class="conItem advertBox advertItem"> <script src="js/adverts/ad_discover.js"></script> </div> <div class="conItem conBlock displayNone"> <div class="form-item otherBlock"> <div class="aboutTit">热门文章</div> <div class="form-result currentArt currentArt2"> <ol class="hotList" id="hotNews"> </ol> </div> </div> </div> </div> </div> </div> </div> <div class="footer_tools"> <a id="scrollUp" href="javascript:;" title="返回顶部"></a> </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/jquery.page.js"></script> <script type="text/javascript" src="js/common.js"></script> <script type="text/javascript" src="js/discover.js"></script> <script type="text/javascript"> $(function () { //回到顶部 var $body = $(document.body);; var $bottomTools = $('.footer_tools'); $(window).scroll(function () { var scrollHeight = $(document).height(); var scrollTop = $(window).scrollTop(); var $footerHeight = $('footer').outerHeight(true); var $windowHeight = $(window).innerHeight(); scrollTop > 50 ? $("#scrollUp").fadeIn(200).css("display","block") : $("#scrollUp").fadeOut(200); $bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 20 : $windowHeight + scrollTop + $footerHeight + 20 - scrollHeight); }); $('#scrollUp').click(function (e) { e.preventDefault(); $('html,body').animate({ scrollTop:0}); }); }); </script> </body> </html>