tabtest
var tab_width = 264; var content_width = 800; var duration = 350; var tab_box_class = jQuery(".tab"); var content_box_class = jQuery(".content-box");
tab_box_class.turnBox({ width: tab_width, height: 60, perspective: 300, duration: duration, easing: "ease-in-out" });
content_box_class.turnBox({ width: content_width, height: 150, perspective: 1300, duration: duration, easing: "ease-in-out", type: "skip", axis: "y" });
for(i = 0; i < tab_box_class.length; i++) { var num = i + 1; jQuery(".tab.tab-" + num).turnBoxLink( { box: ".content-box", dist: num, events: "click" }); }; jQuery.each(jQuery(".tabs").children(), function(key) { var tab = key + 1; jQuery(".tab.tab-" + tab).find(".turnBoxButton").on("click", function() { jQuery(".tab").not(".tab-" + tab).turnBoxAnimate(); }); }); jQuery(".tab.tab-1").turnBoxAnimate( { face: 2, animation: false });
TAB
TAB1
TAB1
TAB2
TAB2
TAB3
TAB3


