Team:BIT-China/js/model sidebar.js

From 2013.igem.org

(Difference between revisions)
Line 38: Line 38:
                 temp.style.height = '300px';           
                 temp.style.height = '300px';           
             if ($('#mercury').height() > 100) {
             if ($('#mercury').height() > 100) {
-
                $('.temp.tem37').animate({
 
-
                            opacity: 1,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            } else {
 
-
                $('.temp.tem37').animate({
 
-
                            opacity: 0,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            };
 
-
 
-
            if ($('#mercury').height() > 200) {
 
-
                $('.temp.tem40').animate({
 
-
                            opacity: 1,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            } else {
 
-
                $('.temp.tem40').animate({
 
-
                            opacity: 0,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            };
 
-
 
-
            if ($('#mercury').height() > 300) {
 
-
                $('.temp.tem43').animate({
 
-
                            opacity: 1,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            } else {
 
-
                $('.temp.tem43').animate({
 
-
                            opacity: 0,
 
-
                        }, {
 
-
                            duration: 100,
 
-
                            queue: false
 
-
                        });
 
-
            };
 
-
        });
 
-
 
-
})();
 
-
 
-
function flipup(){
 
-
            var $w = $(window);
 
-
            var modeling = $("#modeling").offset().top;
 
-
            var overview = $('#overview').offset().top - 110;
 
-
            var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110; 
 
-
            var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
 
-
            var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
 
-
            var re = $('#re').offset().top - 110;
 
-
            if($w.scrollTop() > re) {
 
-
                scrollToElement('re', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() > Heat_Resistant_system) {
 
-
                scrollToElement('Heat_Resistant_system', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() > Quorum_Control_system) {
 
-
                scrollToElement('Quorum_Control_system', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() > Noise_in_the_cell) {
 
-
                scrollToElement('Noise_in_the_cell', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() > overview) {
 
-
                scrollToElement('overview', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() > modeling) {
 
-
                scrollToElement('modeling', 'normal', 115);
 
-
                return;
 
-
            }
 
-
            else {
 
-
                $("body,html").animate({
 
-
                    scrollTop:0  //让body的scrollTop等于pos的top,就实现了滚动
 
-
                },1000);
 
-
            }       
 
-
        }
 
-
 
-
function flipdown(){
 
-
            var $w = $(window);
 
-
            var modeling = $("#modeling").offset().top;
 
-
            var overview = $('#overview').offset().top - 110;
 
-
            var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110; 
 
-
            var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
 
-
            var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
 
-
            var re = $('#re').offset().top - 110;
 
-
            if($w.scrollTop() < overview) {
 
-
                scrollToElement('overview', 'normal', 105);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() < Noise_in_the_cell) {
 
-
                scrollToElement('Noise_in_the_cell', 'normal', 105);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() < Quorum_Control_system) {
 
-
                scrollToElement('Quorum_Control_system', 'normal', 105);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() < Heat_Resistant_system) {
 
-
                scrollToElement('Heat_Resistant_system', 'normal', 105);
 
-
                return;
 
-
            }
 
-
            if($w.scrollTop() < re) {
 
-
                scrollToElement('re', 'normal', 105);
 
-
                return;
 
-
            }
 
-
                 
 
-
            else {
 
-
                scrollToElement('footer',(function() {
 
-
        var $w = $(window);
 
-
var modeling = $("#modeling").offset().top;
 
-
        var overview = $('#overview').offset().top - 110;
 
-
var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110; 
 
-
        var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
 
-
        var qsd = $('#qsd').offset().top - 110;
 
-
        var rd = $('#rd').offset().top - 110;
 
-
        var pc = $('#pc').offset().top - 110;
 
-
        var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
 
-
        var des = $('#des').offset().top - 110;
 
-
        var si = $('#si').offset().top - 110;
 
-
        var re = $('#re').offset().top - 110;
 
-
var temp = document.getElementById("mercury");
 
-
 
-
        $w.scroll(function() {
 
-
        if($w.scrollTop() > modeling)
 
-
        temp.style.height = '0px';
 
-
        if($w.scrollTop() > overview)
 
-
        temp.style.height = '25px';
 
-
            if($w.scrollTop() > Noise_in_the_cell)
 
-
                temp.style.height = '50px';
 
-
            if($w.scrollTop() > Quorum_Control_system)
 
-
                temp.style.height = '75px';
 
-
            if($w.scrollTop() > qsd)
 
-
                temp.style.height = '125px';
 
-
            if($w.scrollTop() > rd)
 
-
                temp.style.height = '175px';
 
-
            if($w.scrollTop() > pc)
 
-
                temp.style.height = '200px';
 
-
            if($w.scrollTop() > Heat_Resistant_system)
 
-
                temp.style.height = '250px';
 
-
            if($w.scrollTop() > des)
 
-
                temp.style.height = '275px';
 
-
            if($w.scrollTop() > si)
 
-
                temp.style.height = '300px';
 
-
            if($w.scrollTop() > re)
 
-
                temp.style.height = '325px';         
 
-
            if($('#mercury').height() > 100) {
 
                 $('.temp.tem37').animate({
                 $('.temp.tem37').animate({
                             opacity: 1,
                             opacity: 1,
Line 316: Line 158:
             else {
             else {
                 scrollToElement('footer', 'normal', 110);
                 scrollToElement('footer', 'normal', 110);
-
                return;
 
-
            } 
 
-
        } 'normal', 110);
 
                 return;
                 return;
             }   
             }   
         }
         }

Revision as of 03:33, 28 September 2013

(function() {

       var $w = $(window);

var modeling = $("#modeling").offset().top;

       var overview = $('#overview').offset().top - 110;

var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110;

       var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
       var qsd = $('#qsd').offset().top - 110;
       var rd = $('#rd').offset().top - 110;
       var pc = $('#pc').offset().top - 110;
       var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
       var des = $('#des').offset().top - 110;
       var si = $('#si').offset().top - 110;
       var re = $('#re').offset().top - 110;

var temp = document.getElementById("mercury");

       $w.scroll(function() {
       	if($w.scrollTop() > modeling)

temp.style.height = '25px';

       	if($w.scrollTop() > overview)

temp.style.height = '50px';

           if($w.scrollTop() > Noise_in_the_cell)
               temp.style.height = '75px';
           if($w.scrollTop() > Quorum_Control_system)
               temp.style.height = '100px';
            if($w.scrollTop() > qsd)
               temp.style.height = '150px';
           if($w.scrollTop() > rd)
               temp.style.height = '175px';
           if($w.scrollTop() > pc)
               temp.style.height = '200px';
           if($w.scrollTop() > Heat_Resistant_system)
               temp.style.height = '225px';
           if($w.scrollTop() > des)
               temp.style.height = '250px';
           if($w.scrollTop() > si)
               temp.style.height = '275px';
           if($w.scrollTop() > re)
               temp.style.height = '300px';           
           if ($('#mercury').height() > 100) {
               $('.temp.tem37').animate({
                           opacity: 1,
                       }, {
                           duration: 100,
                           queue: false
                       });
           } else {
               $('.temp.tem37').animate({
                           opacity: 0,
                       }, {
                           duration: 100,
                           queue: false
                       });
           };
           if ($('#mercury').height() > 200) {
               $('.temp.tem40').animate({
                           opacity: 1,
                       }, {
                           duration: 100,
                           queue: false
                       });
           } else {
               $('.temp.tem40').animate({
                           opacity: 0,
                       }, {
                           duration: 100,
                           queue: false
                       });
           };
           if ($('#mercury').height() > 300) {
               $('.temp.tem43').animate({
                           opacity: 1,
                       }, {
                           duration: 100,
                           queue: false
                       });
           } else {
               $('.temp.tem43').animate({
                           opacity: 0,
                       }, {
                           duration: 100,
                           queue: false
                       });
           };
       });

})();

function flipup(){

           var $w = $(window);
           var modeling = $("#modeling").offset().top;
           var overview = $('#overview').offset().top - 110;
           var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110;  
           var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
           var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
           var re = $('#re').offset().top - 110;
           if($w.scrollTop() > re) {
               scrollToElement('re', 'normal', 115);
               return;
           }
           if($w.scrollTop() > Heat_Resistant_system) {
               scrollToElement('Heat_Resistant_system', 'normal', 115);
               return;
           }
           if($w.scrollTop() > Quorum_Control_system) {
               scrollToElement('Quorum_Control_system', 'normal', 115);
               return;
           }
           if($w.scrollTop() > Noise_in_the_cell) {
               scrollToElement('Noise_in_the_cell', 'normal', 115);
               return;
           }
           if($w.scrollTop() > overview) {
               scrollToElement('overview', 'normal', 115);
               return;
           }
           if($w.scrollTop() > modeling) {
               scrollToElement('modeling', 'normal', 115);
               return;
           }
           else {
               $("body,html").animate({
                   scrollTop:0  //让body的scrollTop等于pos的top,就实现了滚动
                },1000);
           }         
        }

function flipdown(){

           var $w = $(window);
           var modeling = $("#modeling").offset().top;
           var overview = $('#overview').offset().top - 110;
           var Noise_in_the_cell = $("#Noise_in_the_cell").offset().top - 110;  
           var Quorum_Control_system = $('#Quorum_Control_system').offset().top - 110;
           var Heat_Resistant_system = $('#Heat_Resistant_system').offset().top - 110;
           var re = $('#re').offset().top - 110;
           if($w.scrollTop() < overview) {
               scrollToElement('overview', 'normal', 105);
               return;
           }
           if($w.scrollTop() < Noise_in_the_cell) {
               scrollToElement('Noise_in_the_cell', 'normal', 105);
               return;
           }
           if($w.scrollTop() < Quorum_Control_system) {
               scrollToElement('Quorum_Control_system', 'normal', 105);
               return;
           } 
           if($w.scrollTop() < Heat_Resistant_system) {
               scrollToElement('Heat_Resistant_system', 'normal', 105);
               return;
           }
           if($w.scrollTop() < re) {
               scrollToElement('re', 'normal', 105);
               return;
           }
                 
           else {
               scrollToElement('footer', 'normal', 110);
               return;
           }   
        }