jQuery ハート型画像サインイン ウォール コード

jQuery ハート型画像サインイン ウォール コードは、写真をランダムに配布し、最終的に恋愛アニメーションに配置する jQuery+CSS3 ベースの特殊効果です。

$(関数() {
変数カウント = 0;
var selectFlag = false;
var startFlag = false;
varroundBox;
$("#container").css("width", window.innerHeight * 4 / 3)
var appendPic = 関数 (アイテム) {
if (selectFlag) {
戻る
}
var x = Math.random() * 4、
y = Math.random() * 4
if (!heartFunc(x, y)) {
appendPic(アイテム)
} その他 {
var back = "jpg";
var imgNum = 10;
if (item % imgNum == 1) {
戻る = "gif"
}
if (item % imgNum == 2 || item % imgNum == 3 || item % imgNum == 4) {
戻る = "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())) + "度) 変換(-50%,-50%)")
.css("幅", "100px").css("高さ", "100px")
}, 500);
}
}