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

 
(6 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 ! ^4000"],
+
         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 29: Line 36:
 
               $(".row").removeClass("hide");
 
               $(".row").removeClass("hide");
 
$("#sponsorsDefault").removeClass("hide");
 
$("#sponsorsDefault").removeClass("hide");
 +
$('#quote-carousel').carousel('pause');
 +
 
             }
 
             }
 
   
 
   
Line 36: Line 45:
 
       });
 
       });
  
$('#quote-carousel').carousel('pause');
 
  
 
$('#sdt_menu > li').bind('mouseenter',function(){
 
$('#sdt_menu > li').bind('mouseenter',function(){
Line 43: Line 51:
 
.stop(true)
 
.stop(true)
 
.animate({
 
.animate({
'width':'170px',
+
'width':'125px',
 
'height':'85px',
 
'height':'85px',
 
'left':'0px'
 
'left':'0px'
Line 54: Line 62:
 
.find('.sdt_active')
 
.find('.sdt_active')
 
    .stop(true)
 
    .stop(true)
.animate({'height':'85px'},300,function(){
+
.animate({'height':'100px'},300,function(){
 
var $sub_menu = $elem.find('.sdt_box');
 
var $sub_menu = $elem.find('.sdt_box');
 
if($sub_menu.length){
 
if($sub_menu.length){
var left = '170px';
+
var left = '-170px';
 
if($elem.parent().children().length == $elem.index()+1)
 
if($elem.parent().children().length == $elem.index()+1)
left = '-170px';
+
left = '0px';
 
$sub_menu.show().animate({'left':left},200);
 
$sub_menu.show().animate({'left':left},200);
 
}
 
}

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

 });