Team:Bilkent UNAM Turkey/js/tabbedContent.js

From 2011.igem.org

(Difference between revisions)
(Created page with "//tab effects var TabbedContent = { init: function() { $(".tab_item").mouseover(function() { var background = $(this).parent().find(".moving_bg"); $(background)...")
(Blanked the page)
 
Line 1: Line 1:
-
//tab effects
 
-
var TabbedContent = {
 
-
init: function() {
 
-
$(".tab_item").mouseover(function() {
 
-
 
-
var background = $(this).parent().find(".moving_bg");
 
-
 
-
$(background).stop().animate({
 
-
left: $(this).position()['left']
 
-
}, {
 
-
duration: 300
 
-
});
 
-
 
-
TabbedContent.slideContent($(this));
 
-
 
-
});
 
-
},
 
-
 
-
slideContent: function(obj) {
 
-
 
-
var margin = $(obj).parent().parent().find(".slide_content").width();
 
-
margin = margin * ($(obj).prevAll().size() - 1);
 
-
margin = margin * -1;
 
-
 
-
$(obj).parent().parent().find(".tabslider").stop().animate({
 
-
marginLeft: margin + "px"
 
-
}, {
 
-
duration: 300
 
-
});
 
-
}
 
-
}
 
-
 
-
$(document).ready(function() {
 
-
TabbedContent.init();
 
-
});
 

Latest revision as of 06:01, 25 August 2011