Difference between revisions of "Team:BIT-China/Safety"
(Replaced content with "{{BIT-China}} <html> <head> </head> <body> </body> </html> {{BIT-China/footer}}") |
|||
| Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
| + | <style> | ||
| + | |||
| + | #mw-content-text{ | ||
| + | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 1.42857143; | ||
| + | } | ||
| + | #mw-content-text>p{ | ||
| + | position:absolute; | ||
| + | top:-100%; | ||
| + | } | ||
| + | |||
| + | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .footer-widgets .widget-title { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 43px; | ||
| + | font-weight: 700; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.08em; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .nav_left_ul{ | ||
| + | list-style: none; | ||
| + | padding-left: 50px; | ||
| + | } | ||
| + | |||
| + | .nav_left_ul>li{ | ||
| + | position: relative; | ||
| + | margin-top: -15px; | ||
| + | } | ||
| + | |||
| + | .nav_left_ul>li:nth-child(1){ | ||
| + | margin-top: -14px; | ||
| + | } | ||
| + | |||
| + | .nav_left_txt{ | ||
| + | word-break: keep-all; | ||
| + | white-space: nowrap; | ||
| + | height: 70px; | ||
| + | line-height: 70px; | ||
| + | top: 8px; | ||
| + | left: 0; | ||
| + | width:100%;position:absolute; | ||
| + | color: #FFFFFF; | ||
| + | font-weight: bold;text-align: center;font-size: 14px; | ||
| + | } | ||
| + | |||
| + | .nav_left_txt_plus{ | ||
| + | height: 60px; | ||
| + | line-height: 60px; | ||
| + | top: 5px; | ||
| + | right: 0; | ||
| + | width:60%;position:absolute; | ||
| + | text-align: center; | ||
| + | color: #FFFFFF; | ||
| + | font-weight: bold;font-size: 8px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | |||
| + | .content-title{ | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | font-size: 2.5em; | ||
| + | } | ||
| + | |||
| + | .block-title{ | ||
| + | margin-top: 20px; | ||
| + | padding-bottom: 10px; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | |||
| + | .problem-title{ | ||
| + | font-size: 1.5em; | ||
| + | } | ||
| + | |||
| + | .problem-txt div{ | ||
| + | margin-top: 1em; | ||
| + | } | ||
| + | |||
| + | .block-content-header{ | ||
| + | display: inline-block; | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 20px; | ||
| + | font-weight: bolder; | ||
| + | } | ||
| + | |||
| + | .block-content-sub-header{ | ||
| + | display: inline-block; | ||
| + | font-style: italic; | ||
| + | margin-top: 5px; | ||
| + | margin-bottom: 15px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | </style> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | |||
| + | //弹出导航监听 | ||
| + | window.onscroll = function () { | ||
| + | if($(window).scrollTop()>100){ | ||
| + | $("#nav-hide").removeClass("roll-nav-hide"); | ||
| + | } | ||
| + | else{ | ||
| + | $("#nav-hide").addClass("roll-nav-hide"); | ||
| + | } | ||
| + | |||
| + | //固定侧边导航 | ||
| + | if($(window).scrollTop()>95){ | ||
| + | $("#nav_left_wrapper").css({ | ||
| + | "margin-left":"0", | ||
| + | "top":"50px", | ||
| + | "position":"fixed" | ||
| + | }); | ||
| + | |||
| + | $("#site-change-btn").css({ | ||
| + | "position":"fixed" | ||
| + | }) | ||
| + | } | ||
| + | else{ | ||
| + | $("#nav_left_wrapper").css({ | ||
| + | "margin-left":"-100%", | ||
| + | "top":"auto", | ||
| + | "position":"relative" | ||
| + | }); | ||
| + | |||
| + | $("#site-change-btn").css({ | ||
| + | "position":"absolute" | ||
| + | }) | ||
| + | |||
| + | } | ||
| + | |||
| + | //页间跳转 | ||
| + | if($(window).scrollTop()>300){ | ||
| + | $("#site-change-btn").css("display","block"); | ||
| + | } | ||
| + | else{ | ||
| + | $("#site-change-btn").css("display","none"); | ||
| + | } | ||
| + | |||
| + | //底部隐藏左侧导航 | ||
| + | if($(".footer").offset().top - $(window).scrollTop() < 300){ | ||
| + | $("#nav_left_wrapper").css("display","none"); | ||
| + | $("#site-change-btn").css("display","none"); | ||
| + | |||
| + | } | ||
| + | else{ | ||
| + | $("#nav_left_wrapper").css("display","block"); | ||
| + | $("#site-change-btn").css("display","block"); | ||
| + | } | ||
| + | }; | ||
| + | |||
| + | //平滑跳转 | ||
| + | var navs=$(".nav_point"); | ||
| + | for(i=0;i<navs.length;i++){ | ||
| + | navs.eq(i).click(function (e) { | ||
| + | e.preventDefault(); | ||
| + | var href=$(this).attr("href"); | ||
| + | $.scrollTop(href+"",-100,400); | ||
| + | }); | ||
| + | } | ||
| + | }); | ||
| + | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
Revision as of 03:43, 9 October 2016
