You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.4 KiB
65 lines
1.4 KiB
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 * 60;
|
|
jQuery(this).css({
|
|
'transform': 'rotate('+angle+'deg) skew(30deg)'
|
|
});
|
|
});
|
|
|
|
anchors.css({
|
|
'transform': 'skew(-30deg) rotate(-60deg) 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");
|