Difference between revisions of "Team:BIT-China/Model"

Revision as of 04:05, 9 October 2016 (view source)

Yida (Talk | contribs)

← Older edit

Revision as of 04:55, 19 October 2016 (view source)

Yida (Talk | contribs)

Newer edit →

Line 110:

$(document).ready(function() {

−

//平滑滚动

$.scrollTop = function(selector,adjust,time){

Line 121:

Line 119:

},time);

}

−

~~//弹出导航监听~~

−

~~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");

Line 194:

Line 137:

background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">

−

<~~div style~~="~~margin~~-~~left~~:~~220px~~;~~background~~: ~~white~~;~~margin-top~~: ~~0.5em~~;~~margin-bottom:0.5em~~;~~padding: 1px;border-radius~~: 10px">

+

−

<div class="~~overview~~-~~content~~" ~~style~~="border~~:1px dashed #F08B1F;~~

+

<img src="https://static.igem.org/mediawiki/2016/5/5c/T--BIT-China--content_decoration.png"

−

~~border~~-~~radius: 10px;margin: 0.5em;padding: 10px;~~">

+

alt="content_decoration" style="position:absolute;right: 0px;height: 150px;;top: 10px;">

+

+

Line 215:

Line 161:

</div>

−

+

+

+

<img src="https://static.igem.org/mediawiki/2016/8/8a/T--BIT-China--img--pumpkin--collapse.png" alt="nav_shrink_icon"

+

id="nav_shrink_icon" width="60">

+

</div>

@@ Line 110: / Line 110: @@
      <script>
          $(document).ready(function() {
              //平滑滚动
              $.scrollTop = function(selector,adjust,time){
@@ Line 121: / Line 119: @@
                  },time);
              }
-            //弹出导航监听
-            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");
@@ Line 194: / Line 137: @@
 background: url(https://static.igem.org/mediawiki/2016/4/45/T--BIT-China--content_bg.jpg)">
      <div class="content-right" style="float: left;width:100%;padding: 10px;">
-         <div style="margin-left:220px;background: white;margin-top: 0.5em;margin-bottom:0.5em;padding: 1px;border-radius: 10px">
-            <div class="overview-content" style="border:1px dashed #F08B1F;
+         <img src="https://static.igem.org/mediawiki/2016/5/5c/T--BIT-China--content_decoration.png"
-             border-radius: 10px;margin: 0.5em;padding: 10px;">
+             alt="content_decoration" style="position:absolute;right: 0px;height: 150px;;top: 10px;">
+        <div class="block-border-outer" id="content-right-border">
+             <div class="overview-content clearfix">
                  <div class="content-title">
@@ Line 215: / Line 161: @@
      </div>
-     <div class="nav-left" id="nav_left_wrapper"  style="float: left;margin-left:-100%;width: 200px;">
+     <div class="slow-transition nav-left" id="nav_left_wrapper">
+        <div class="nav_shrink" id="nav_shrink">
+            <img src="https://static.igem.org/mediawiki/2016/8/8a/T--BIT-China--img--pumpkin--collapse.png" alt="nav_shrink_icon"
+                 id="nav_shrink_icon" width="60">
+        </div>
          <div class="nav-left-title" style="position:relative;width: 200px;padding: 0;">
              <img src="https://static.igem.org/mediawiki/2016/4/43/T--BIT-China--img--nav_left_top.png" alt="nav_left_top" style="width: 100%;">