加林森 发表于 2022-4-29 21:49

《独到》-- 高睿（根据老黑的教程制作）TO：马黑黑

本帖最后由 加林森 于 2022-4-29 23:03 编辑 <br /><br /><style>
      .outer { text-align: center; }
      .mama { margin: auto; display: inline-block; padding: 20px; vertical-align: middle; position: relative; }
      .sPic { outline: none; }
      .picTip { position: absolute; top: 30px; left: 30px; color: white; font: normal 1.5em / 2em sans-serif; text-shadow: 1px 1px 2px gray; mix-blend-mode: difference; }
</style>

<div class="outer">
      <div class="mama">
                <img class="sPic" src="https://pic.imgdb.cn/item/626be659239250f7c568cc47.jpg" alt="" />
                <div class="picTip">第一张</div>
      </div>
</div>
<script>
let mama = document.querySelector(".mama");
let sPic = document.querySelector(".sPic");
let picTip = document.querySelector(".picTip");
let isGo = true;
let cuImg = 0;
let picAr = [
      ["https://pic.imgdb.cn/item/626be659239250f7c568cc47.jpg","第一张"],
      ["https://pic.imgdb.cn/item/626be7ba239250f7c56c58fc.jpg","第二张"],
      ["https://pic.imgdb.cn/item/626be98a239250f7c57113dd.jpg","第三张"],
      ["https://pic.imgdb.cn/item/626beb69239250f7c575e9ab.jpg","第四张"]
];


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 = picAr;
      picTip.innerHTML = picAr;
}

</script>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=1940943649&auto=1&height=66"></iframe>

加林森 发表于 2022-4-29 21:50

本帖最后由 加林森 于 2022-4-29 21:51 编辑

独到 - 高睿

作词 : Bugess，Benjamin David/Davenport，Chelsea Rose/SnoW，Felix
作曲 : Bugess，Benjamin David/Davenport，Chelsea Rose/SnoW，Felix
改编词 : 林乔
编曲 : Gold Child
制作人 : Q.luv
原唱 : TYSM
我只想要自我的独到
我不想要卑微的落逃
我只想要真实的拥抱
我不想要假装示好
我只想要自我的独到
我不想要平庸的轻飘
与谁相爱承诺是欢闹
在我这里无法做到
Faded
卑微的落逃
我不想要假装示好
Faded
卑微的落逃
我不想要假装示好
命运叫人趴下
宛如落魄的花
谁在厌倦挣扎
我给心留长假
受够装模样的俗套
这尝试一次都不好
太过证明不过徒劳
完美的路不必强调
我只想要自我的独到
我不想要卑微的落逃
我只想要真实的拥抱
我不想要假装示好
我只想要自我的独到
我不想要平庸的轻飘
与谁相爱承诺是欢闹
在我这里无法做到
Faded
卑微的落逃
我不想要假装示好
Faded
卑微的落逃
我不想要假装示好
享受肆意安然睡着
相处好烦恼
命中注定的遇到那个微笑再无法忘掉
受够装模样的俗套
这尝试一次都不好
太过证明不过徒劳
完美的路不必强调
我只想要自我的独到
我不想要卑微的落逃
我只想要真实的拥抱
我不想要假装示好
我只想要自我的独到
我不想要平庸的轻飘
与谁相爱承诺是欢闹
在我这里无法做到
Faded
卑微的落逃
我不想要假装示好
Faded
卑微的落逃
我不想要假装示好
Faded
卑微的落逃
我不想要假装示好
Faded

加林森 发表于 2022-4-29 21:50

@马黑黑

马黑黑 发表于 2022-4-29 22:30

加林森 发表于 2022-4-29 21:50
@马黑黑

有两张相同

加林森 发表于 2022-4-29 23:02

马黑黑 发表于 2022-4-29 22:30
有两张相同

我去修改。

加林森 发表于 2022-4-29 23:04

马黑黑 发表于 2022-4-29 22:30
有两张相同

修改好了。谢谢老黑！{:4_190:}

马黑黑 发表于 2022-4-30 08:38

加林森 发表于 2022-4-29 23:04
修改好了。谢谢老黑！

猜测，队长应该是心急火燎的人，做事风风火火，缺乏细腻。

马黑黑 发表于 2022-4-30 08:39

加林森 发表于 2022-4-29 23:02
我去修改。

辛苦{:4_190:}

红影 发表于 2022-4-30 09:00

队长做成了，真不错啊。给队长点赞{:4_187:}

加林森 发表于 2022-4-30 09:05

马黑黑 发表于 2022-4-30 08:38
猜测，队长应该是心急火燎的人，做事风风火火，缺乏细腻。

{:4_170:}

加林森 发表于 2022-4-30 09:07

马黑黑 发表于 2022-4-30 08:39
辛苦

不辛苦的。我是走之前制作的，夫人喊我，我就急了。。。。{:4_189:}

加林森 发表于 2022-4-30 09:07

红影 发表于 2022-4-30 09:00
队长做成了，真不错啊。给队长点赞

谢谢红影支持！{:4_204:}

马黑黑 发表于 2022-4-30 12:52

加林森 发表于 2022-4-30 09:07
不辛苦的。我是走之前制作的，夫人喊我，我就急了。。。。

理解理解

加林森 发表于 2022-4-30 17:05

马黑黑 发表于 2022-4-30 12:52
理解理解

好的好的。

红影 发表于 2022-4-30 22:26

加林森 发表于 2022-4-30 09:07
谢谢红影支持！

真不错{:4_187:}

加林森 发表于 2022-4-30 23:11

红影 发表于 2022-4-30 22:26
真不错

我跟得学习的。谢谢啦！{:4_204:}

红影 发表于 2022-5-2 09:13

加林森 发表于 2022-4-30 23:11
我跟得学习的。谢谢啦！

知道的。

加林森 发表于 2022-5-2 12:04

红影 发表于 2022-5-2 09:13
知道的。

嗯嗯。
页: [1]
查看完整版本: 《独到》-- 高睿（根据老黑的教程制作）TO：马黑黑