Difference between revisions of "Team:SVCE Chennai/Javascript"

Revision as of 14:13, 17 September 2015

$(function(){

$('.navigate').click(function(){

   var $href = $(this).attr('href');
   var $anchor = $('#'+$href).offset();
   $('body').animate({ scrollTop: $anchor.top });
   return false;

});

if (annyang) {

var commands = {

   'Hello': function() {
      console.log("Hello");
   }
 };

 annyang.addCommands(commands);

// annyang.start();

}

$('[data-toggle="tooltip"]').tooltip();

     $("#minicellIntro").typed({
       strings: ["Hello ! I'm Minicell ! ^4000"],
       typeSpeed: 0,
       callback: function() {
          console.log("Called");
           $(".loading").addClass("animateClassIntro");
           function showpanel() {     
              $(".loading").addClass("hide");
              $(".navBarIGEM").removeClass("hide");
              $(".footer").removeClass("hide");
              $(".row").removeClass("hide");

$("#sponsorsDefault").removeClass("hide");

           }

          setTimeout(showpanel, 2000);

       }
     });

$('#quote-carousel').carousel('pause');

$('#sdt_menu > li').bind('mouseenter',function(){ var $elem = $(this); $elem.find('img') .stop(true) .animate({ 'width':'170px', 'height':'85px', 'left':'0px' },400,'easeOutBack') .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'140px'},500,'easeOutBack') .andSelf() .find('.sdt_active') .stop(true) .animate({'height':'85px'},300,function(){ var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length){ var left = '170px'; if($elem.parent().children().length == $elem.index()+1) left = '-170px'; $sub_menu.show().animate({'left':left},200); } }); }).bind('mouseleave',function(){ var $elem = $(this); var $sub_menu = $elem.find('.sdt_box'); if($sub_menu.length) $sub_menu.hide().css('left','0px');

$elem.find('.sdt_active') .stop(true) .animate({'height':'0px'},300) .andSelf().find('img') .stop(true) .animate({ 'width':'0px', 'height':'0px', 'left':'85px'},400) .andSelf() .find('.sdt_wrap') .stop(true) .animate({'top':'25px'},500); });

 });