Team:UPO-Sevilla/js/topMenu2.js

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
var timeout        = 500;
+
var timeout        = 200;
var closetimer     = 0;
var closetimer     = 0;
var ddmenuitem      = 0;
var ddmenuitem      = 0;
Line 36: Line 36:
{
{
     $('#jsddm > li').bind('click', function(event){
     $('#jsddm > li').bind('click', function(event){
-
           $("div#top img").fadeOut(200, function(){
+
           $("div#top img").fadeOut(300, function(){
           jsddm_open($('ul#jsddm a').index($(event.target)));
           jsddm_open($('ul#jsddm a').index($(event.target)));
       });     
       });     
Line 42: Line 42:
     $('#header').bind('mouseleave',  function(event){
     $('#header').bind('mouseleave',  function(event){
           jsddm_timer();
           jsddm_timer();
-
           $("div#top img").fadeIn(200);
+
           $("div#top img").fadeIn(300);
     });
     });
});
});
//document.onclick = jsddm_close;
//document.onclick = jsddm_close;

Revision as of 08:44, 25 October 2011

var timeout = 200; var closetimer = 0; var ddmenuitem = 0;

function jsddm_open(numero) {

   jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $('div#top').find('ul').eq(numero).css('visibility', 'visible');

}

function jsddm_close() {

   if(ddmenuitem){
      ddmenuitem.css('visibility', 'hidden');
   }

}

function jsddm_timer() {

   closetimer = window.setTimeout(jsddm_close, timeout);

}

function jsddm_canceltimer() {

   if(closetimer)
   {
       window.clearTimeout(closetimer);
       closetimer = null;
   }

}

$(document).ready(function() {

   $('#jsddm > li').bind('click', function(event){
         $("div#top img").fadeOut(300, function(){
         jsddm_open($('ul#jsddm a').index($(event.target)));
     });    
   });
   $('#header').bind('mouseleave',  function(event){
         jsddm_timer();
         $("div#top img").fadeIn(300);
   });

});

//document.onclick = jsddm_close;