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

 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
  $(function(){
 
  $(function(){
 +
 +
$('.navigate').click(function(){
 +
    var $href = $(this).attr('href');
 +
    var $anchor = $('#'+$href).offset();
 +
    $('body').animate({ scrollTop: $anchor.top });
 +
    return false;
 +
});
  
 
if (annyang) {
 
if (annyang) {
Line 18: Line 25:
  
 
       $("#minicellIntro").typed({
 
       $("#minicellIntro").typed({
−
         strings: ["Hello ! I'm Minicell !"],
+
         strings: ["Hello ! I'm Minicin ! ^2000, you can always talk with me ^1000 and ask questions. ^4000 "],
 
         typeSpeed: 0,
 
         typeSpeed: 0,
 
         callback: function() {
 
         callback: function() {
Line 27: Line 34:
 
               $(".navBarIGEM").removeClass("hide");
 
               $(".navBarIGEM").removeClass("hide");
 
               $(".footer").removeClass("hide");
 
               $(".footer").removeClass("hide");
 +
              $(".row").removeClass("hide");
 +
$("#sponsorsDefault").removeClass("hide");
 +
$('#quote-carousel').carousel('pause');
 +
 
             }
 
             }
 
   
 
   
Line 33: Line 44:
 
         }
 
         }
 
       });
 
       });
 +
 +
 +
$('#sdt_menu > li').bind('mouseenter',function(){
 +
var $elem = $(this);
 +
$elem.find('img')
 +
.stop(true)
 +
.animate({
 +
'width':'125px',
 +
'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':'100px'},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 = '0px';
 +
$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);
 +
});
 +
 
   });
 
   });

Latest revision as of 13:02, 18 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 Minicin ! ^2000, you can always talk with me ^1000 and ask questions. ^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"); $('#quote-carousel').carousel('pause'); 

           }

          setTimeout(showpanel, 2000);

       }
     });


$('#sdt_menu > li').bind('mouseenter',function(){ var $elem = $(this); $elem.find('img') .stop(true) .animate({ 'width':'125px', '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':'100px'},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 = '0px'; $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); }); 

 });