Team:KAIST-Korea/js/dropdown glimmer
From 2011.igem.org
//Microsoft.Glimmer.OneWay //<AnimationCollection FilePath="C:\Users\bio05\Desktop\igem 홈페이지 제작\menu_tutorial\ang\animation[2]\dropdown.html.glimmer.js" xmlns="clr-namespace:GlimmerLib;assembly=GlimmerLib"><Animation Name="OnMouseHover0" EventType="mouseover" Trigger="#trigger0"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav0" Duration="300" Easing="swing" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut0" EventType="mouseout" Trigger="#trigger0"><Animation.Targets><Target Name="#subNav0" Duration="250" Easing="swing" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseHover1" EventType="mouseover" Trigger="#trigger1"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav1" Duration="1500" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut1" EventType="mouseout" Trigger="#trigger1"><Animation.Targets><Target Name="#subNav1" Duration="1000" Easing="swing" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseHover2" EventType="mouseover" Trigger="#trigger2"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav2" Duration="1500" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut2" EventType="mouseout" Trigger="#trigger2"><Animation.Targets><Target Name="#subNav2" Duration="1000" Easing="swing" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseHover3" EventType="mouseover" Trigger="#trigger3"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav3" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut3" EventType="mouseout" Trigger="#trigger3"><Animation.Targets><Target Name="#subNav3" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseHover4" EventType="mouseover" Trigger="#trigger4"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav4" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut4" EventType="mouseout" Trigger="#trigger4"><Animation.Targets><Target Name="#subNav4" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseHover5" EventType="mouseover" Trigger="#trigger5"><Animation.Targets><Target Name="#main_navigation li ul" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target><Target Name="#subNav5" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="visible" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation><Animation Name="OnMouseOut5" EventType="mouseout" Trigger="#trigger5"><Animation.Targets><Target Name="#subNav5" Duration="1000" Easing="linear" Callback="null"><Target.Effects><ModifyCSSEffect CSSName="visibility" DisplayName="Modify CSS Effect" MaxValue="5000" MinValue="-5000" From="0" To="hidden" IsStartValue="False" IsActive="True" IsAnimatable="False" IsExpression="False" FormatString="$({0}).css({1},{2}); " RequiresJQueryPlugin="False" JQueryPluginURI="" /></Target.Effects></Target></Animation.Targets></Animation></AnimationCollection> jQuery(function($) { var timer; function OnMouseHover0(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav0").css("visibility","visible");
}
function OnMouseOut0(event) {
$("#subNav0").css("visibility","hidden");
}
function OnMouseHover1(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav1").css("visibility","visible");
}
function OnMouseOut1(event) {
$("#subNav1").css("visibility","hidden");
}
function OnMouseHover2(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav2").css("visibility","visible");
}
function OnMouseOut2(event) {
$("#subNav2").css("visibility","hidden");
}
function OnMouseHover3(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav3").css("visibility","visible");
}
function OnMouseOut3(event) {
$("#subNav3").css("visibility","hidden");
}
function OnMouseHover4(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav4").css("visibility","visible");
}
function OnMouseOut4(event) {
$("#subNav4").css("visibility","hidden");
}
function OnMouseHover5(event) {
$("#main_navigation li ul").css("visibility","hidden"); $("#subNav5").css("visibility","visible");
}
function OnMouseOut5(event) {
$("#subNav5").css("visibility","hidden");
}
$('#trigger0').bind('mouseover', OnMouseHover0);
$('#trigger0').bind('mouseout', OnMouseOut0);
$('#trigger1').bind('mouseover', OnMouseHover1);
$('#trigger1').bind('mouseout', OnMouseOut1);
$('#trigger2').bind('mouseover', OnMouseHover2);
$('#trigger2').bind('mouseout', OnMouseOut2);
$('#trigger3').bind('mouseover', OnMouseHover3);
$('#trigger3').bind('mouseout', OnMouseOut3);
$('#trigger4').bind('mouseover', OnMouseHover4);
$('#trigger4').bind('mouseout', OnMouseOut4);
$('#trigger5').bind('mouseover', OnMouseHover5);
$('#trigger5').bind('mouseout', OnMouseOut5);
});