Team:USTC-Software/text

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
-
 
-
 
-
ol,ul {
 
-
list-style:none;
 
-
}
 
-
caption,th {
 
-
text-align:left;
 
-
}
 
-
h1,h2,h3,h4,h5,h6 {
 
-
font-size:100%;
 
-
font-weight:normal;
 
-
}
 
-
 
-
abbr,acronym { border:0;
 
-
}
 
-
section, header{
 
-
display: block;
 
-
}
 
-
/* General Demo Style */
 
Line 333: Line 314:
</div>
</div>
 +
 +
 +
 +
 +
 +
  <!-----the begin of go to top div --->
 +
      <div class="clr"></div>
 +
  <div id="topBar">
 +
      <div id="goToTop" class="goToTop">TOP</div>
 +
  </div><!-----the begin of go to top div---->
 +
   
 +
  <script type="text/javascript">
 +
    (function(){
 +
      var special = jQuery.event.special,
 +
          uid1 = 'D' + (+new Date()),
 +
          uid2 = 'D' + (+new Date() + 1);
 +
     
 +
      special.scrollstart = {
 +
        setup: function(){
 +
          var timer,
 +
              handler = function(evt) {
 +
                var _self = this,
 +
                    _args = arguments;
 +
               
 +
                if(timer) {
 +
                  clearTimeout(timer);
 +
                } else {
 +
                  evt.type = 'scrollstart';
 +
                  jQuery.event.handle.apply(_self,_args);
 +
                }
 +
               
 +
                timer = setTimeout(function(){
 +
                  timer = null;
 +
                },special.scrollstop.latency);
 +
              };
 +
          jQuery(this).bind('scroll',handler).data(uid1,handler);   
 +
        },
 +
        teardown: function(){
 +
          jQuery(this).unbind('scroll',jQuery(this).data(uid1));
 +
        }
 +
      };
 +
     
 +
      special.scrollstop = {
 +
        latency: 300,
 +
        setup: function(){
 +
          var timer,
 +
              handler = function(evt) {
 +
                var _self = this,
 +
                    _args = arguments;
 +
               
 +
                if(timer) {
 +
                  clearTimeout(timer);
 +
                }
 +
               
 +
                timer = setTimeout(function(){
 +
                  timer = null;
 +
                  evt.type = 'scrollstop';
 +
                  jQuery.event.handle.apply(_self,_args);
 +
                },special.scrollstop.latency);
 +
              };
 +
          jQuery(this).bind('scroll',handler).data(uid2,handler);   
 +
        },
 +
        teardown: function() {
 +
          jQuery(this).unbind('scroll',jQuery(this).data(uid2));
 +
        }
 +
      };
 +
    })();
 +
  </script>
 +
  <script type="text/javascript">
 +
    $(function(){
 +
      //the element inside of which we want to scroll
 +
      var btns = $("#topBar div");
 +
      //show the buttons
 +
      btns.fadeIn("slow");
 +
      //whenever we scroll fade out both buttons
 +
      $(window).bind("scrollstart",function(){
 +
        btns.stop().animate({"opacity":"0.2"});
 +
      });
 +
      //...and whenever we stop scrolling fade in both buttons
 +
      $(window).bind("scrollstop",function(){
 +
        btns.stop().animate({"opacity":"1"});
 +
      });
 +
      //clicking the "goToTop" button will make the page scroll to the top of the page
 +
      $("#goToTop").click(function(e){
 +
        $("html,body").animate({scrollTop:"0px"},800);
 +
      });
 +
    });
 +
  </script><!-----the rnd of go to top js---->

Revision as of 03:22, 15 August 2012

TOP

Welcome

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Read more
image02

Warm welcome

When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

Read more
image03

2012-ustc

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Read more
image04