Template:Peking2012 Color Prologue

From 2012.igem.org

(Difference between revisions)
m
m
Line 283: Line 283:
   text-decoration: none;
   text-decoration: none;
}
}
-
#PKU_banner_menu li ,
+
#PKU_banner_submenu > li,
-
#PKU_banner_submenu li
+
#PKU_banner_submenu > li ul
-
{
+
-
  display: block;
+
-
  float: left;
+
-
  clear: none;
+
-
  overflow: hidden;
+
-
}
+
-
#PKU_banner_submenu > li
+
{
{
   height: 120px;
   height: 120px;
Line 315: Line 308:
   text-decoration: none;
   text-decoration: none;
}
}
-
#PKU_banner_submenu > li ul > li.submenu_team
 
-
{
 
-
  width: 137px;
 
-
}
 
-
#PKU_banner_submenu > li ul > li.submenu_project
 
-
{
 
-
  width: 250px;
 
-
}
 
-
#PKU_banner_submenu > li ul > li.submenu_modeling
 
-
{
 
-
  width: 250px;
 
-
}
 
-
#PKU_banner_submenu > li ul > li.submenu_humanpractice
 
-
{
 
-
  width: 300px;
 
-
}
 
-
 
-
  /***--- Bottom Navigator ---***/
 
   /***--- Block Style ---***/
   /***--- Block Style ---***/
Line 528: Line 503:
  </div>
  </div>
  <div class="floatR">
  <div class="floatR">
-
   <ul id="PKU_banner_menu" class="button">
+
   <ul id="PKU_banner_menu" class="button horizontal">
   <li style="width:60px;">
   <li style="width:60px;">
     <a onmouseover="TriggerSubmenu(0);" href="/Team:Peking">
     <a onmouseover="TriggerSubmenu(0);" href="/Team:Peking">
Line 568: Line 543:
  <div class="floatC">
  <div class="floatC">
   <ul id="PKU_banner_submenu" class="button horizontal">
   <ul id="PKU_banner_submenu" class="button horizontal">
-
   <li name="submenu_h" class="blank">
+
   <li class="blank">
     &#32;
     &#32;
   </li>
   </li>
-
   <li name="submenu_h" >
+
   <li>
     <ul onmouseover="TriggerSubmenu(1);" onmouseout="TriggerSubmenu(0);" class="vertical">
     <ul onmouseover="TriggerSubmenu(1);" onmouseout="TriggerSubmenu(0);" class="vertical">
     <li class="submenu_team">
     <li class="submenu_team">
Line 684: Line 659:
var Submenu_Handle = null;
var Submenu_Handle = null;
var Submenu = document.getElementById('PKU_banner_submenu');
var Submenu = document.getElementById('PKU_banner_submenu');
-
var Submenu_Obj = Submenu.children;
+
var Submenu_Obj = Submenu.getElementsByTagName('ul');
-
for (var it=0;it<=Submenu_Item_Num;++it)
+
var Submenu_Blank = Submenu.getElementsByTagName('li')[0];
 +
for (var it=0;it<Submenu_Item_Num;++it)
{
{
   Submenu_Obj[it].style.height=Submenu_Size_Cur[it]+'px';
   Submenu_Obj[it].style.height=Submenu_Size_Cur[it]+'px';
Line 707: Line 683:
     Submenu_Handle = setTimeout(ItemGrowth,50);
     Submenu_Handle = setTimeout(ItemGrowth,50);
   }
   }
-
   Submenu_Obj[Submenu_Item_Cur].style.height=Submenu_Size_Cur[Submenu_Item_Cur]+'px';
+
   Submenu_Obj[Submenu_Item_Cur-1].style.height=Submenu_Size_Cur[Submenu_Item_Cur]+'px';
}
}
function ItemWither()
function ItemWither()
Line 718: Line 694:
     Submenu_Size_Cur[Submenu_Item_Cur]=0;
     Submenu_Size_Cur[Submenu_Item_Cur]=0;
     Submenu_Item_Cur = Submenu_Item_Des;
     Submenu_Item_Cur = Submenu_Item_Des;
-
     Submenu_Obj[0].style.width=Submenu_BlankWidth[Submenu_Item_Cur]+'px';
+
     Submenu_Blank.style.width=Submenu_BlankWidth[Submenu_Item_Cur]+'px';
     if (Submenu_Item_Des!=0)
     if (Submenu_Item_Des!=0)
     {
     {
Line 736: Line 712:
     Submenu_Handle = setTimeout(ItemWither,50);
     Submenu_Handle = setTimeout(ItemWither,50);
   }
   }
-
   Submenu_Obj[Submenu_Item_Cur].style.height=Submenu_Size_Cur[Submenu_Item_Cur]+'px';
+
   Submenu_Obj[Submenu_Item_Cur-1].style.height=Submenu_Size_Cur[Submenu_Item_Cur]+'px';
}
}
function ToWither()
function ToWither()
Line 758: Line 734:
         Submenu_Item_Cur = i;
         Submenu_Item_Cur = i;
         Submenu_Handle_State = 1;
         Submenu_Handle_State = 1;
-
         Submenu_Obj[0].style.width=Submenu_BlankWidth[Submenu_Item_Cur]+'px';
+
         Submenu_Blank.style.width=Submenu_BlankWidth[Submenu_Item_Cur]+'px';
         ItemGrowth();
         ItemGrowth();
       }
       }

Revision as of 14:39, 10 September 2012

Retrieved from "http://2012.igem.org/Template:Peking2012_Color_Prologue"