加林森 发表于 2022-1-29 21:36

《知道不知道》--侃侃 TO：红影

本帖最后由 加林森 于 2022-1-30 11:30 编辑 <br /><br /><style type="text/css">

.picMain {
      margin: auto;
      width: 720px;
      position: relative;
      background: linear-gradient(45deg, olive, green, silver, white, transparent);
      padding: 10px;
      box-shadow: 2px 2px 4px 1px rgba(0,0,0,.6);
      display: flex;
      flex-direction: row;
      gap: 8px;
}

.picBox { flex-grow: 2; cursor: pointer; }

.picMini {
      width: 150px;
      display: flex;
      flex-direction: column;
      gap: 8px;
}

.picBox img {
      width: 570px;
      height: 730px;
      object-fit: cover;
}

.picMini img {
      width: 120px;
      height: 140px;
      border-radius: 50%;
      opacity: .5;
      cursor: pointer;
}

.picMini img:hover { opacity: 1; border-radius: 0;}

</style>

<div class="picMain">
      <div class="picMini" id="picMini">
                <img id="img1" onclick="showpic ('img1')"src="https://pic.imgdb.cn/item/61f548982ab3f51d917cec95.jpg" alt="" />
                <img id="img2" onclick="showpic ('img2')"src="https://pic.imgdb.cn/item/61f546752ab3f51d917a8de8.jpg" alt="" />
                <img id="img3" onclick="showpic ('img3')"src="https://pic.imgdb.cn/item/61f5470c2ab3f51d917b3606.jpg" alt="" />
                <img id="img4"onclick="showpic('img4')" src="https://pic.imgdb.cn/item/61f548332ab3f51d917c69af.jpg" alt="" />
                <img id="img5" onclick="showpic ('img5')"src="https://pic.imgdb.cn/item/61f540ef2ab3f51d9174c8c2.jpg" alt="" />
      </div>
      <div id="picBox" class="picBox"><img id="imgShow" alt="" src="https://pic.imgdb.cn/item/61f540ef2ab3f51d9174c8c2.jpg" /></div>
</div>
<audio id="auMusic" src="https://www.joy127.com/url/88427.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var aud = document.getElementById('auMusic');
var imgSw = document.getElementById('imgShow');
function showpic(idx){ imgSw.src = document.getElementById(idx).src; }
imgSw.onclick = function() { aud.paused ? aud.play() : aud.pause(); }
</script>

加林森 发表于 2022-1-29 21:36

@红影

樵歌 发表于 2022-1-29 21:41

满天红霞映衬下朦胧美女，美得不可方物。{:4_189:}

加林森 发表于 2022-1-29 21:41

@马黑黑

樵歌 发表于 2022-1-29 21:41

怎么那小图图是一样的呀。

加林森 发表于 2022-1-29 21:42

樵歌 发表于 2022-1-29 21:41
满天红霞映衬下朦胧美女，美得不可方物。

哈哈，想啥呢？

加林森 发表于 2022-1-29 21:43

樵歌 发表于 2022-1-29 21:41
怎么那小图图是一样的呀。

哈哈哈哈，想看另外的美女啊？我可以换的。

马黑黑 发表于 2022-1-29 21:50

图片同一张？

马黑黑 发表于 2022-1-29 21:51

侃侃菇凉什么时候唱的这首歌？

加林森 发表于 2022-1-29 22:04

樵歌 发表于 2022-1-29 21:41
怎么那小图图是一样的呀。

现在来看看，5个大美女。

加林森 发表于 2022-1-29 22:04

马黑黑 发表于 2022-1-29 21:50
图片同一张？

全部换了

加林森 发表于 2022-1-29 22:08

马黑黑 发表于 2022-1-29 21:51
侃侃菇凉什么时候唱的这首歌？

你去查，有的。

马黑黑 发表于 2022-1-29 22:23

加林森 发表于 2022-1-29 22:08
你去查，有的。

我不熟

马黑黑 发表于 2022-1-29 22:24

加林森 发表于 2022-1-29 22:04
全部换了

点了不起效呀

红影 发表于 2022-1-29 22:29

谢谢队长好帖，真好看。这个点小图怎么不能切换到大图啊{:4_187:}

加林森 发表于 2022-1-29 22:48

马黑黑 发表于 2022-1-29 22:23
我不熟

百度有的

加林森 发表于 2022-1-29 22:49

红影 发表于 2022-1-29 22:29
谢谢队长好帖，真好看。这个点小图怎么不能切换到大图啊

我还没有完全学会啊。

杨柳青 发表于 2022-1-29 22:52

队长的小苹果唱的吧~~{:4_189:}

加林森 发表于 2022-1-29 22:53

马黑黑 发表于 2022-1-29 22:23
我不熟

我在百度找的

加林森 发表于 2022-1-29 23:00

马黑黑 发表于 2022-1-29 22:24
点了不起效呀

可以的啊
页: [1] 2 3
查看完整版本: 《知道不知道》--侃侃 TO：红影