41 lines
1.6 KiB
JavaScript
41 lines
1.6 KiB
JavaScript
$(function(){
|
|
$(".circle-1").height($(".circle-1").width())
|
|
$(".small-circle").height($(".small-circle").width())
|
|
$(".circle-2").height($(".circle-2").width())
|
|
$(".circle-3").height($(".circle-3").width())
|
|
$(".circle-4").height($(".circle-4").width())
|
|
$(".humans").height($(".humans").width())
|
|
$(".humans img").height($(".humans img").width())
|
|
$(".avatars").height($(".avatars").width())
|
|
|
|
$(window).on("resize",function(){
|
|
$(".circle-1").height($(".circle-1").width())
|
|
$(".small-circle").height($(".small-circle").width())
|
|
$(".circle-2").height($(".circle-2").width())
|
|
$(".circle-3").height($(".circle-3").width())
|
|
$(".circle-4").height($(".circle-4").width())
|
|
$(".avatars").height($(".avatars").width())
|
|
$(".humans").height($(".humans").width())
|
|
(".humans img").height($(".humans img").width())
|
|
})
|
|
var speed=50;
|
|
var border_color="#cacbce";
|
|
var img_border_color="#cacbce";
|
|
$(".circles").css("border-color",border_color);
|
|
$(".avatars,.humans").css({"animation-duration":speed+"s","-webkit-animation-duration":speed+"s"});
|
|
for(var i=0;i<$(".small-circle").length;i++){
|
|
var r=Math.round(Math.random()*255);
|
|
var g=Math.round(Math.random()*255);
|
|
var b=Math.round(Math.random()*255);
|
|
$(".small-circle").eq(i).css("border-color","rgb("+r+","+g+","+b+")");
|
|
}
|
|
$(".humans").hover(function(){
|
|
$(this).find("img").css({"border":"5px double "+img_border_color});
|
|
$(this).find("div").css({"padding":"10%","display":"block"});
|
|
|
|
},
|
|
function(){
|
|
$(this).find("img").css({"border":"1px solid "+img_border_color});
|
|
$(this).find("div").css("display","none");
|
|
})
|
|
}) |