waitMeOY

waitMeOY

V2EX 第 682557 号会员,加入于 2024-03-29 16:09:49 +08:00
今日活跃度排名 12219
93 S 74 B
根据 waitMeOY 的设置,主题列表被隐藏
二手交易 相关的信息,包括已关闭的交易,不会被隐藏
waitMeOY 最近回复了
14 小时 16 分钟前
回复了 hatter64 创建的主题 职场话题 一般情况下,会把午休时间算入工作时间内吗?
早上说是九点,但是一般大家九点半才到,我要先送老婆上班所以基本不到九点就到了,晚上七点之前没人走。
5 天前
回复了 loulijun 创建的主题 问与答 始祖鸟的衣服为什么这么受欢迎?
不知道鸟和北面哪个更保暖。
空气。以前好像发过橙子啥的
@zebraooooo 大佬,您是之前看过类似的例子,还是啥关键词搜出来的。太牛逼了。。。 我这不止沟通能力,搜索能力和实际能力也确实差太远。
@Tdy95 base64 后加了。兄弟是叫 在家早餐吃什么吗?
@bfdh @hjw45611 看了 102 楼大佬的视频,我现在豁然开朗,认可了自己能力上的缺陷。
@Tdy95 请您喝咖啡,可以发下源码吗? 我去翻译成安卓试试
@Tdy95 大佬,您是用啥写的? 这个效果真赞。<!DOCTYPE html>
<html>
<head>
<title>4x5 Grid Zoom Demo</title>
<style>
body {
margin: 0;
padding: 0;
height: 200vh; /* 使页面可滚动 */
overflow-y: scroll;
}
.grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 10px;
width: 80%;
margin: 0 auto;
position: relative;
top: 50vh; /* 将网格放置在页面中间 */
}

.grid-item {
background-color: #ccc;
width: 100%;
padding-top: 100%; /* 保持方形 */
position: relative;
transform-origin: center center;
transition: transform 0.1s;
}

.grid-item-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2em;
}
</style>
</head>
<body>
<div class="grid">
<!-- 动态生成 20 个网格项 -->
</div>
<script>
// 生成网格项
var grid = document.querySelector('.grid');
for (var i = 0; i < 20; i++) {
var item = document.createElement('div');
item.classList.add('grid-item');
var content = document.createElement('div');
content.classList.add('grid-item-content');
content.innerHTML = i + 1;
item.appendChild(content);
grid.appendChild(item);
}

function updateItems() {
var centerX = window.innerWidth / 2;
var centerY = window.innerHeight / 2;

var items = document.querySelectorAll('.grid-item');
items.forEach(function(item) {
var rect = item.getBoundingClientRect();
var itemCenterX = rect.left + rect.width / 2;
var itemCenterY = rect.top + rect.height / 2;

var dx = itemCenterX - centerX;
var dy = itemCenterY - centerY;
var distance = Math.sqrt(dx * dx + dy * dy);

// 计算缩放比例
var maxDistance = Math.sqrt(centerX * centerX + centerY * centerY);
var scale = 1 - (distance / maxDistance);
if (scale < 0.5) scale = 0.5; // 最小缩放

item.style.transform = 'scale(' + scale + ')';
});
}

window.addEventListener('load', updateItems);
window.addEventListener('scroll', updateItems);
window.addEventListener('resize', updateItems);
</script>
</body>
</html>
55 天前
回复了 waitMeOY 创建的主题 问与答 适合孕妇午休的办公椅
@wnpllrzodiac 没工作的肯定在家好啊,有工作的,公司不都要上到 37 周才给放假吗?
@hjq632233317 当时请病假吗?病假好请吗
55 天前
回复了 waitMeOY 创建的主题 问与答 适合孕妇午休的办公椅
@BoyBoy 久坐这个肯定不存在,据观察 半个小时就要上一次厕所。除非不喝水,不然晚上要起来三四次呢。
@xiaozecn 四川有 其他地方貌似没吧
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2693 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 10ms · UTC 15:35 · PVG 23:35 · LAX 07:35 · JFK 10:35
Developed with CodeLauncher
♥ Do have faith in what you're doing.