最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘:达米拉
少年西游记2
24小时阅读排行榜
- 1 如何解决 Pelican-Quickstart 中的“ValueError: Unknown Locale: UTF-8”错误?
- 2 用于高效代码管理的 React 工具集
- 3 回调
- 4 TypeScript 中的函数式编程
- 5 如何解决 Pelican 3.3 中的“ValueError: Unknown Locale: UTF-8”错误?
- 6 用几行代码构建您自己的nodemon
- 7 如何解决 Pelican-Quickstart 命令中的“ValueError:未知区域设置:UTF-8”错误?
- 8 如何修复 jQuery.ajax#get 中的“意外令牌冒号 JSON”错误?
- 9 如何解决“jQuery.ajax#get 后出现意外的令牌冒号 JSON”错误?
- 10 如何使用 jQuery.ajax#get 解决 JSONP 请求中的“意外令牌冒号”错误?
- 11 为什么curl_exec()有时会返回False?
- 12 如何解决使用 jQuery.ajax 从 Node.js 获取 JSON 时出现的“意外令牌:”错误?
- 13 如何解决“jQuery.ajax#get 之后出现意外的令牌冒号 JSON”错误?
- 14 5 Best ICOs to Invest In For High Returns
- 15 如何在 PHP 中准确统计 stdClass 对象的属性?
最新教程
-
- 国外Web开发全栈课程全集
- 1580 2024-04-24
-
- Go语言实战之 GraphQL
- 1851 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3271 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2801 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1715 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2523 2024-03-29
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);
}
}