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

Line 43: Line 43:
 
.animate({
 
.animate({
 
'width':'170px',
 
'width':'170px',
'height':'170px',
+
'height':'85px',
 
'left':'0px'
 
'left':'0px'
 
},400,'easeOutBack')
 
},400,'easeOutBack')
Line 53: Line 53:
 
.find('.sdt_active')
 
.find('.sdt_active')
 
    .stop(true)
 
    .stop(true)
.animate({'height':'170px'},300,function(){
+
.animate({'height':'85px'},300,function(){
 
var $sub_menu = $elem.find('.sdt_box');
 
var $sub_menu = $elem.find('.sdt_box');
 
if($sub_menu.length){
 
if($sub_menu.length){

Revision as of 12:55, 17 September 2015

$(function(){

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");
           }

          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); });

 });