jQuery心形图片签到墙代码

jQuery心形图片签到墙代码是一款基于jQuery CSS3随机分布照片最后排布成爱心动画特效。

$(function () {
var count = 0;
var selectFlag = false;
var startFlag = false;
var roundBox;
$("#container").css("width", window.innerHeight * 4 / 3)
var appendPic = function (item) {
if (selectFlag) {
return
}
var x = Math.random() * 4,
y = Math.random() * 4
if (!heartFunc(x, y)) {
appendPic(item)
} else {
var back = "jpg";
var imgNum = 10;
if (item % imgNum == 1) {
back = "gif"
}
if (item % imgNum == 2 || item % imgNum == 3 || item % imgNum == 4) {
back = "png"
}
var html = '<img src="img/img' item % imgNum '.' back '" class="picBase" id="pic-' item '"  />'
$("#container").append(html)
setTimeout(function () {
$("#pic-" item).css("top", 45 25 * (2 - y) * 0.85 "%").css("left", 50 25 * (2 - x) * 0.85 "%")
.css("transform", "rotate(" (25 * (0.5 - Math.random())) "deg) translate(-50%,-50%)")
.css("width", "100px").css("height", "100px")
}, 500);
}
}