%PDF- %PDF-
Direktori : /home/bitrix/www/local/templates/UB/js/ |
Current File : /home/bitrix/www/local/templates/UB/js/circularnav.js |
var wrapper = jQuery('.cn-wrapper'), items = jQuery('.cn-wrapper li'), anchors = jQuery('.cn-wrapper li a'); step1(); function step1(){ items.css({ 'left': '50%', 'margin-top': '-1.4em', 'margin-left': '-10em', 'overflow': 'hidden' }); items.each(function(i, el){ var angle = i * 40 - 10; jQuery(this).css({ 'transform': 'rotate('+angle+'deg) skew(50deg)' }); }); anchors.css({ 'transform': 'skew(-50deg) rotate(-70deg) scale(1)', 'border-radius': '50%', 'text-align': 'center', 'padding-top': '2em' }); wrapper.css({'border-radius': '50%', 'overflow': 'hidden'}); } jQuery('li.circle').hover(function(){ var c = jQuery(this).index() +1; var j = ".service-" + c + " .cn-content"; var k = ".service-" + c; jQuery(".service").hide(); jQuery(k).show().stop(); jQuery(".cn-content").animate({ "opacity": 0 }, 300, 'easeInOutCubic'); jQuery(j).animate({ "opacity": 1 }, 400, 'easeInOutCubic').stop(); }); jQuery(".service-1").animate(500, 'easeInOutCubic').show(); jQuery(".service-1 .cn-content").animate({ "opacity": 1 }, 400, 'easeInOutCubic'); jQuery('.cn-wrapper ul li a').hover(function() { jQuery('.cn-wrapper ul li a').removeClass('active'); jQuery(this).addClass('active'); }) jQuery("a[href='#']").removeAttr("href").css("cursor","pointer");