论坛 › 欢乐水吧 › 五一简介

马黑黑 发表于 2022-5-1 08:40

五一简介

<style>
        .outer { display: flex; flex-direction: column; text-align: center; }
        .mama { margin: auto; display: inline-block; padding: 20px; vertical-align: middle; position: relative; box-shadow: 2px 2px 6px gray; }
        .sPic { outline: none; }
        .picTip { color: #000; font: normal 1.2em / 2em sans-serif; text-shadow: 1px 1px 2px gray; padding: 8px; }
</style>

<div class="outer">
        <div class="picTip"></div>
        <div class="mama"></div>
</div>

<script>
let mama = document.querySelector(".mama");
let picTip = document.querySelector(".picTip");
let isGo = true;
let cuImg = 0;
let picAr = [
        ["01.jpeg","马克思：“资本来到世间，从头到脚，每个毛孔都滴着血和肮脏的东西。”"],
        ["02.jpeg","资本家为了获取更大利润，不断采取增加劳动时间和提高劳动强度的办法来残酷地压榨工人"],
        ["03.jpeg","马克思发现并提示了资本家剥削工人的秘密，号召全世界无产者联合起来！"],
        ["04.jpeg","在美国及欧洲资本主义国家，工人们每天要劳动14至16个小时，有的甚至长达18个小时，但收入却难以维持"],
        ["05.jpeg","1884年10月，以美国为首的八个国际性工人团体，在芝加哥举行集会，决定于1886年5月1日举行总罢工"],
        ["06.jpeg","1886年5月1日，美国2万多个企业的35万工人进行总罢工，举行了声势浩大的示威游行，提出八小时工作"],
        ["07.jpeg","1889年7月，在恩格斯组织召开的第二国际成立大会上宣布将每年的五月一日定为国际劳动节"],
        ["08.jpeg","1889年7月，在由各国马克思主义者召集的代表大会上，与会代表一致同意把5月1日定为国际无产阶级的节"],
        ["09.jpeg","中央人民政府于1949年12月将5月1日定为法定的劳动节"]
];
let au = document.createElement("iframe");
au.src = "https://music.163.com/outchain/player?type=2&id=556550180&auto=1&height=66";
au.style.display = "none";
let sPic = document.createElement("img");
sPic.src = "https://638183.freep.cn/638183/t22/51/" + picAr;
mama.appendChild(au);
mama.appendChild(sPic);
picTip.innerHTML = picAr;

mama.onmousemove = function(e) {
        e = e || event;
        let x = e.clientX - this.offsetLeft;
        let y = this.clientWidth;
        this.style.cursor =`url('https://638183.freep.cn/638183/qd/${x > y/2 ? "next.cur" : "pre.cur"}'), auto`;
        isGo = x > y/2? true : false;
}

mama.onclick = function(){
        cuImg += isGo ? 1 : -1;
        if (cuImg >= picAr.length) cuImg = 0;
        if (cuImg < 0) cuImg = picAr.length - 1;
        sPic.src = "https://638183.freep.cn/638183/t22/51/" + picAr;
        picTip.innerHTML = picAr;
}

</script>

红影 发表于 2022-5-1 09:15

这个图片翻页的文字设置真好，非常清晰。
资本家压榨工人的秘密就赚取剩余价值，记得以前学过的{:4_173:}

加林森 发表于 2022-5-1 09:19

祝大家五一节快乐！{:4_204:}

马黑黑 发表于 2022-5-1 10:06

红影 发表于 2022-5-1 09:15
这个图片翻页的文字设置真好，非常清晰。
资本家压榨工人的秘密就赚取剩余价值，记得以前学过的

我爷爷的爷爷说的

马黑黑 发表于 2022-5-1 10:06

加林森 发表于 2022-5-1 09:19
祝大家五一节快乐！

同乐同乐

加林森 发表于 2022-5-1 10:07

马黑黑 发表于 2022-5-1 10:06
同乐同乐

好的好的。

马黑黑 发表于 2022-5-1 10:08

加林森 发表于 2022-5-1 10:07
好的好的。

{:4_190:}喝个五一茶

加林森 发表于 2022-5-1 10:15

马黑黑 发表于 2022-5-1 10:08
喝个五一茶

共同喝五一茶！{:4_190:}

大猫咪 发表于 2022-5-1 10:22

老黑黑节日快乐{:4_187:} 你最辛苦 {:4_191:}   给你发51勋章{:4_173:}

https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp5.itc.cn%2Fq_70%2Fimages03%2F20210424%2F071ace1e5d394c80993ad28b319a1387.jpeg&refer=http%3A%2F%2Fp5.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1653963686&t=0b0524e4231823dbbf7cd10173724dc3

马黑黑 发表于 2022-5-1 10:45

大猫咪 发表于 2022-5-1 10:22
老黑黑节日快乐 你最辛苦    给你发51勋章

谢谢领导

马黑黑 发表于 2022-5-1 10:45

加林森 发表于 2022-5-1 10:15
共同喝五一茶！

{:4_191:}

大猫咪 发表于 2022-5-1 10:47

马黑黑 发表于 2022-5-1 10:45
谢谢领导

{:4_170:}{:4_179:}{:4_191:}

马黑黑 发表于 2022-5-1 10:48

大猫咪 发表于 2022-5-1 10:47


领导节日开森

大猫咪 发表于 2022-5-1 10:51

马黑黑 发表于 2022-5-1 10:48
领导节日开森

送烤鸭一只{:4_170:}

http://b3-q.mafengwo.net/s11/M00/28/B2/wKgBEFqWfuWAcVOHAAG0vxssfKU49.jpeg?imageMogr2%2Fthumbnail%2F%21480x320r%2Fgravity%2FCenter%2Fcrop%2F%21480x320%2Fquality%2F90

马黑黑 发表于 2022-5-1 10:54

大猫咪 发表于 2022-5-1 10:51
送烤鸭一只

说声谢谢得一只烤鸭，懂得酱紫，俺多说几声{:4_189:}

大猫咪 发表于 2022-5-1 10:56

马黑黑 发表于 2022-5-1 10:54
说声谢谢得一只烤鸭，懂得酱紫，俺多说几声

嗯嗯   能和老黑在云南喝酒吃云南烤鸭才是幸福事{:5_106:}{:4_204:}{:4_191:}

马黑黑 发表于 2022-5-1 10:57

大猫咪 发表于 2022-5-1 10:56
嗯嗯   能和老黑在云南喝酒吃云南烤鸭才是幸福事

这事有盼头，俺对吃从来不拒绝

大猫咪 发表于 2022-5-1 10:57

马黑黑 发表于 2022-5-1 10:57
这事有盼头，俺对吃从来不拒绝

嗯希望这一天快点来{:4_191:}

马黑黑 发表于 2022-5-1 10:58

大猫咪 发表于 2022-5-1 10:57
嗯希望这一天快点来

疫情过后吧

大猫咪 发表于 2022-5-1 11:00

马黑黑 发表于 2022-5-1 10:58
疫情过后吧

嗯嗯   猫都在{:4_187:}痛痛快快 {:4_191:}{:4_179:}

查看完整版本: 五一简介