Difference between revisions of "Team:SVCE Chennai/Javascript"
Abrahamrkj (Talk | contribs) |
Abrahamrkj (Talk | contribs) |
||
(18 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) { | ||
+ | |||
+ | var commands = { | ||
+ | 'Hello': function() { | ||
+ | console.log("Hello"); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | annyang.addCommands(commands); | ||
+ | |||
+ | // annyang.start(); | ||
+ | } | ||
+ | |||
+ | |||
+ | $('[data-toggle="tooltip"]').tooltip(); | ||
+ | |||
$("#minicellIntro").typed({ | $("#minicellIntro").typed({ | ||
− | strings: ["Hello ! I'm | + | 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 7: | Line 31: | ||
$(".loading").addClass("animateClassIntro"); | $(".loading").addClass("animateClassIntro"); | ||
function showpanel() { | function showpanel() { | ||
+ | $(".loading").addClass("hide"); | ||
$(".navBarIGEM").removeClass("hide"); | $(".navBarIGEM").removeClass("hide"); | ||
$(".footer").removeClass("hide"); | $(".footer").removeClass("hide"); | ||
+ | $(".row").removeClass("hide"); | ||
+ | $("#sponsorsDefault").removeClass("hide"); | ||
+ | $('#quote-carousel').carousel('pause'); | ||
+ | |||
} | } | ||
Line 15: | 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); });
});