心形图片php,jQuery心形图片签到墙代码

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 = ''

$("#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);

}

}

申明：php中文网下载站匠心打造专业的IT资源下载站！一切资源免费，来源网络收集，请自行检测软件的完整性。交流QQ群：916808767