Team:Bonn

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
<html>
<html>
     <script>
     <script>
-
         function dropdown(id) {
+
         function showTile(id) {
-
          $('#'+id).hover( function()
+
          $("#page-box-"+id+"-content").stop().fadeOut();
-
            {
+
          $("#page-box-"+id+"-content").stop().fadeIn();
-
              $('#'+id+' > ul').stop().slideUp();
+
          $("#page-box-"+id+"-content").fadeIn();
-
              $('#'+id+' > ul').slideDown("1000");
+
-
       
+
-
            });
+
-
          $('#'+id).mouseleave(function()
+
-
            {
+
-
              $('#'+id+' > ul').stop().slideDown();
+
-
              $('#'+id+' > ul').slideUp("1000");
+
-
            });
+
-
       
+
         }
         }
-
       
+
         function hideTile(id) {
-
         function sidetextFade(id)
+
          $("#page-box-"+id+"-content").stop().fadeIn();
-
        {
+
          $("#page-box-"+id+"-content").stop().fadeOut();
-
          $('#'+id).hover(
+
          $("#page-box-"+id+"-content").fadeOut();
-
          function() {
+
-
            var hover;
+
-
            hover = document.getElementById(id).childNodes;
+
-
            for(var i=0, ii = hover.length; i < ii; i++) {
+
-
              if(hover[i].nodeName == "DIV"){
+
-
                if(hover[i].className == "page-box-bottom") {
+
-
                  $('#'+hover[i].id).stop().animate();
+
-
                  $('#'+hover[i].id).animate({height:"100%"},500);
+
-
                }
+
-
              }
+
-
            }
+
-
          });
+
-
          $('#'+id).mouseleave(
+
-
          function() {
+
-
            var hover;
+
-
            hover = document.getElementById(id).childNodes;
+
-
            for(var i=0, ii = hover.length; i < ii; i++) {
+
-
              if(hover[i].nodeName == "DIV"){
+
-
                if(hover[i].className == "page-box-bottom") {
+
-
                  $('#'+hover[i].id).stop().animate();
+
-
                  $('#'+hover[i].id).animate({height:"45px"},500);
+
-
                }
+
-
              }
+
-
            }
+
-
          });
+
         }
         }
-
       
 
     </script>
     </script>
<style type="text/css">
<style type="text/css">
Line 85: Line 50:
</div>
</div>
<div id="page-row3" class="page-row" style="width:800px;height:260px;margin:20px auto 0 auto ">
<div id="page-row3" class="page-row" style="width:800px;height:260px;margin:20px auto 0 auto ">
-
     <div id="page-box-9" class="page-box-small" style="border:1px solid white;float:left;margin:0 15px 0 0;">
+
     <div id="page-box-9" onmouseover=showTile(9) onmouseout=hideTile(9) class="page-box-small" style="border:1px solid white;float:left;margin:0 15px 0 0;">
-
     <!--<div class="kachelheading">Ollah</div>-->
+
     <!--<div class="kachelheading">picture gallery</div>-->
     <div id="page-box-9-content" class="page-box-small" style="background-color:black; opacity:0.75;float:left;margin:0 15px  0    0;">
     <div id="page-box-9-content" class="page-box-small" style="background-color:black; opacity:0.75;float:left;margin:0 15px  0    0;">
<p style="font-family:Century Gothic; padding:0px 8px 0 8px;font-size:16px;color:white;text-align:left;">Test</br>testtest</br>test</p><p class="kachelheading">picture gallery</p>
<p style="font-family:Century Gothic; padding:0px 8px 0 8px;font-size:16px;color:white;text-align:left;">Test</br>testtest</br>test</p><p class="kachelheading">picture gallery</p>

Revision as of 16:14, 4 October 2013

Test
testtest
test

picture gallery

Retrieved from "http://2013.igem.org/Team:Bonn"